For those of you who applied Vogue from the Shopify admin, the is a quirk that you’ll DEFINITELY want to fix. If you downloaded Vogue from this site, the issue has already been resolved. At any rate, take a look at this horrid screenshot…
![]()
You’ll notice the backgrounds of the inner divisions don’t span the width of the browser when it’s less than the width of the container, which is 875 pixels. This is definitely not a good thing, but I believe it’s limited to Safari and Firefox. Fortunately, we can quickly fix this.
We simply need to add min-width: 875px; to #header, #mini-header, #layout and #footer in stylesheet.css, sea.css, and caramel.css…
Here’s an example of the header id in stylesheet.css…
#header {
color: #fff;
background: #9b0103 url(header.png) repeat-x center top;
min-width: 875px;
}
Repeat that for each of the id’s mentioned above in all three stylesheets, if you intend to use either of the others at some point. Well, were good to go again. Sheesh!