Mobile Friendly

[Johnnycopilot]

Thanks!!!! This is what I need to do.. If it's not too much to ask, a few questions...

The CSS is designed to make your template fit the screen size but has included code to restrict the templates width to a fixed px.

So if your desktop monitor is 1024 wide, the template will fill the screen but if your current template was designed with a fixed with of 980px, simply un-commenting 1 line of CSS code and adding your templates width is all that is needed from preventing it from filling the entire screen.

CSS tweeks will most likely be needed, I couldn't account for every template designers added HTML divs, tables and code. Most tweeks will involve removing "fixed widths" or "forced widths (!important)".

My site was a floating size of 93%, but I just changed it to 960pix so that I could put an image/advertise slider at the top of my home page. I sell DJ and Pro Lighting, and I REALLY need some graphics etc. on home page. My home page looks horrible. How, or will, this work with a slider? and if so, what should I do about page width in combination with a slider? Could I make my slider images WAYYYY wide, and keep my floating 93% size?.. or is there a particular slider plugin that I need to use? or, can I simply not use a slider?.. I'm sure you get my point

-Create a sub-directory and upload the latest version of zen-cart to it.

Where? Just make a folder in my root? next to admin, includes, images, cache, etc? What should I name this folder that contains the new 1.5.4?

-With a fresh copy of your current template package, merge the The Responsive DIY Template Default code

-Upload your newly coded template

Upload my new template, complete with your merged DIY package, into the New folder, with the New Zen Cart 1.5.4? Can I point this new ZenCart 1.5.4 to my current database, or is your easypopulate suggestion going to do the same thing as far as making this new site emulate my site? Sorry, I'm not familiar with easypopulate OR pointing two different sites to the same database.

-Install easyPopulate or a comparable plugin and upload your categories and products

I'm not sure exactly what you mean, in that,,, upload my categories and products from my other (original, current website)? That's what easyPopulate does?

-Activate your template and see what CSS tweeks will be needed

Are you saying do this, but don't actually use this 'new' zencart,,, and when I get it working like I want, make those same (CSS, etc) changes to my active, current site? In other words use what you have told me to do only as a test? .. NOTE: I have Zen 1.50 and will, at some point need to upgrade.. but I'm not worried about that right now. If I use your DIY code on my current site, will I be able to upgrade to 1.5.4 at some point?

I hope that I'm not over-complicating this, but I have to be very careful about understanding exactly what you say, or I may goof something up. PS. Thanks for the long, detailed, reply. I'm sure that took time and I appreciate it.