Tutorial/Article on Responsive Mobile Design

[Max Taxable]

Originally Posted by final kaoss

lol that would be a fun test but it won't let me download it.

This shows when trying to grab the xml

The item you are attempting to download contains no customizations.

Hmm.... i just did it on mine and had no trouble.

Style Manager> Then look down at the default mobile style, select "Download" in the options to the far right.

On the page that results, at the top it is already set the way you need it, just click "Download"

[final kaoss]

Oh dear god. I did manage to make a child mobile theme and merge a copy of the dark style into that. Here's the results.

select "taxable mobile style". It's a wreck.

[Max Taxable]

Oh wowwwww. Sum Ting Wong, it didn't populate any CSS for some reason. I got a LOT better results when I tried this. But what i got although mobile friendly, would have been way too much work to make look nice.

[Max Taxable]

Oh wait. No child style. This won't work on child styles.

[Max Taxable]

Hey Man, that style passed the mobile-friendly test, and also looked GREAT on my i-phone emulator!

[final kaoss]

Actually now that I've got the hang of it, I did manage to import the mobile style into a child copy of blackened. Not too bad results either.

Choose "Child of Blackened"... vbulletin named it that... lol

[Max Taxable]

Wow, that's COOL. Looks and acts responsive, can't test it on google mobile-friendly test though. On this one I don't get a style number in the addressbar.

But that really responds to different browser widths, I think you're on to something here!

[final kaoss]

I've set it to be the default skin for a few minutes. I can give it a go & see how it does in the mobile test.

It passes but looks squished...
https://www.google.com/webmasters/to...com%2Fforum%2F

[Max Taxable]

This gives me a idea - if someone were to go through all the stylevars which are custom - they'd be red in the lists - and manually populate all the settings from your main style into the mobile one, you would get after a bunch of work - a mobile style that is native vB but looks exactly like your desktop style!

You wouldn't mess with any CSS templates, just the stylevars.

[Max Taxable]

Originally Posted by final kaoss

I've set it to be the default skin for a few minutes. I can give it a go & see how it does in the mobile test.

It passes but looks squished...
https://www.google.com/webmasters/to...com%2Fforum%2F

That's much better results than I got when I tried this, as far as looks and all? Looks like you might have something to work with there.

Merging the native mobile style into a regular custom style, as a child of the style though, I think you inherit too much of the desktop CSS that way. Try it not as a child, like I described before. OR, try merging "Blackened" as a child of the mobile? Merge a copy of "Blackend" into a child of the mobile style?