Cart in global header: layout breaks if quantity is double-digits

[VisHorizons]

http://levels-theme.mivamerchantdev.com/cresandra-chair.html

I noticed that when I added 10 or more, the My Cart layout messes up. (Sometimes, when testing this, it took 100qt or more.) I'm on a computer screen, and the window is maximized. If I shrink the window, the layout fixes itself.

[Matt Zimmermann]

Hi Doug,

Thanks for the heads up. I'll get the padding adjusted.

[William Davis]

Hi Doug,

Thanks for the heads up. I'll get the padding adjusted.

Matt, can you please post how and where to fix the problem so we can correct it on our website?

[Matt Zimmermann]

William Davis - Assuming you have an unaltered structure.css file, at line 179, change the padding to "0 0.75em" and the font size to "0.875rem". The at line 212, remove the padding call.

[William Davis]

William Davis - Assuming you have an unaltered structure.css file, at line 179, change the padding to "0 0.75em" and the font size to "0.875rem". The at line 212, remove the padding call.

Its been edited, so I need a little more info.

[Matt Zimmermann]

William Davis For the first part, look for ".mini-basket-count, .mini-basket-text" within a media query for min-width: 767px. For the second one, scan a few lines down for the same classes in a 960px media query.

[lesliekirk]

Its been edited, so I need a little more info.

FYI - strongly recommended that you create a "custom.css" file for any tweaks, then none of the other CSS files will have to be touched.

[AHerb]

FYI - strongly recommended that you create a "custom.css" file for any tweaks, then none of the other CSS files will have to be touched.

yup, and this custom file to be loaded AFTER all default css files