: Convert a website to responsive layout We have a website that is not mobile phone optimized. If we want to have a responsive layout, what's the easiest way to go? The design should not be

@Deb1703797

1) You start at the beginning. You make a list of things you need to do and want to do (e.g., what sizes do you want to use, 320/640/768/1024?). After that, you plan which you'll do first. I suggest you start with the framework, the global common stuff and work your way into the details.

The annoying thing is you can't (probably) do a small part and upload that (If you can, this would be a very good thing to start with!), because it's weird if your home is responsive, and the followup page isn't.
You can however start preparations. Slowly update your site/HTML/CSS and upload that, but don't activate it. You could make a simple PHP file (with CSS headers) and let that serve the responsive CSS only if accessed by your IP address.

An alternative is making a mobile version, but don't serve everything. In your database you could mark pages as "is_responsive" and only show those pages in your menu (be careful with internal linking!). This way, if your page-template is done and all pages are responsive, you can upload that section (be ware of cache problems!).

2) I have very little experience with Bootstrap, but in essence that'll be the same as step 1

Vote Up Vote Down