Best way to convert theme to responsive?
 

What's the best way to convert my theme to responsive so it loads fine on all devices?

Thanks.

which vB version you are using?

I am curious also about this. My theme is the paragon and my version 4.2.2
Not sure how to turn off the default mobile theme or add the desktop version option with the new theme.

It's possible to convert your theme into responsive design if you are using vB verion 4xx
I spent about one day to change my forum style to responsive
You can have a look on our forum template http://www.webmastersun.com

I thought I can use CSS framework to integrate and make it as responsive design but it's impossible so I have to use my custom CSS codes to make a responsive theme for our forum.

Best way to convert theme to responsive is you need to know on how to design a html template to a responsive html template so you will feel easy to edit vBulletin templates and custom what you want on your theme into responsive.

Maybe your forum theme and my forum theme has the difference a bit on parts but it's common way to do, you need to make it view well on PC, tablets and smartphones and don't forget to check on real these devices.

Note that Google algorithm will affect for non responsive design on the 21 of April so your site can be decreased rankings on mobile search results if you don't have a responsive theme for your site.

Hope it helps!

Thanks for the help and reply :) and cool site!

I am not the savviest on going in and customizing manually. I could but I'm not even sure where to find the mobile css...I looked at a file in the client scripts folder and I believe it was the css to the mobile default style, but the code was all jumbled together and impossible for me to edit.

If I buy a mobile skin and add it, can I keep the paragon for the desktop version and use the new mobile one I get just for mobile?

Thanks so much for your help.

Also, ever since installing the new theme, the option to go to desktop version is gone on mobile. Is there any way to set this back? I tried ticking the two default mobile styles for old and new devices but it did nothing.

webmastersun, Very impressive design..

Searching for something else I found the first (and only?) responsive style for vB4.
http://demo.themecrate.com/forum.php

But please check all sections in the demo as I haven't time to do it. I just checked the profile page which is really very good and the most common public pages. Maybe is a good idea to check if there are demo login details to login and see the usercp.

Also take in account that as vB4 is not responsive by default most addons (if not all), including mine, are not using responsive design.

No I don't think so, I found some vB 4 sites they converted to responsive design, it's also a good theme that I have seen before.

Now our forum http://www.webmastersun.com is in responsive design :) .Honestly I didn't think i would change my theme to responsive if I didn't receive an message from google noticed our forum didn't have a responsive design. This happened in Google WMT.


You are right on this because vB4 default is not responsive so they will not think to make addons into responsive design.

Maybe I was not so clear in my post as I was in rush. I meant that is the first (if not the only) COMMERCIAL style for vBulletin.

I've seen yours, really nice work, but your style is not for sharing while the other is.

Just an FYI, because I've been answering this question a lot lately with my clients, you can use vbulletin 4x's built in mobile style and google will pass it.

https://www.google.com/webmasters/to...bile-friendly/

This will buy you some time to make a proper responsive design for your forum, and you don't have to worry about losing your rank in google.