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

[twitchtoo]

My issue is minor, but I'm being a bit pedantic so it would be nice to fix.

Basically if the 'Add selected Products to Cart' button is on screen there is a gap that appears between the filter-wrapper box and the box the 'add' button is in - if that makes sense.

Compare this -

http://61.245.139.145/zencart/index....index&cPath=12

to this -

http://61.245.139.145/zencart/index....index&cPath=29

If someone could please assist ... ?

Try this:
includes/templates/YOUR_TEMPLATE/css/stylesheet.css
.button-top {
width: 25%;
text-align: right;
margin: -10px 0px 0 0;
margin-right: 0px;

padding-top: .2em;
}

That should center the add selected products to cart button vertically for you.


To stretch the 'Displaying 1 (of 18 products)' text:


includes/templates/YOUR_TEMPLATE/css/responsive_default.css

find #productListingTopNumber

and remove #productListingTopNumber from the list

or hide it
width:16%!important;

becomes this:
/*width:16%!important*/;
And you may need to change:
includes/templates/YOUR_TEMPLATE/css/stylesheet.css
find #productListingTopNumber
adjust width: 25%;