Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

[dw08gm]

I need to set a global min-width for Zencart so that icon images are displayed no fewer than four to a line (except for mobile devices). I am using the Responsive Classic and presumed the entry for this would be in the mainWrapper line of stylesheet.css . Setting a pixel width there has no effect on the main site. Resizing the browser to a narrow width creates odd overlaps and white space - which is why I wish to restrict this width for the client. So where should the min-width for the page be set

I always work towards fluid rather than fixed website designs, which usually means specifying % values for divs and em's for text rather than pixels or other units in css. As a result, my responsive design tends to be somewhat different to the Responsive Classic, as it allows negative margins and other amazing trickery.

I tend to construct multi-tiered divs to put things into, beginning with a div 100% width of the parent div, which is then subdivided into smaller divs of equal width 1/2 = 50%, 1/3 = 33%, 1/4 = 25%, 1/5 = 20% etc width of their parent div, which is usually controlled by a particular media css attribute that can also specify a minimum and/or maximum pixel width of the div. Float left or right controls the packing or pushing of the divs. Such design provides the basis for centrally placing an image within a div of variable % width of the parent div and then stacking one or more captions beneath the image in separate divs, all controlled by css.

The body css attribute is also used to specify the minimum and/or maximum pixel widths of the overall website.

Hope this helps.

[webmanstudios]

Hi Anne,

I just wanted to ask about a weird thing happing with my web site.

When i enable the header serach box I also get a small search box displayed in the top right column as well.

When I turn off the header search box, both the header search and RHS search box dissapears.

Any idea of how to fix the issue to stop the little search box appearing?

This is independant of the "real" column search box. :)

Many Thanks,
Les :)

[Dave224]

I'm new to the responsive classic template. In the desktop view, I'd like to switch to the mobile view if the browser window is smaller than say 750 px. Any suggestions on how to accomplish this?
Thank you.
zc1.5.8a