Make Header Match the Width of the Rest of the Website

flammagreg
Explorer
60 0 10

Hi guys, how can I make my header match the width of the rest of my site? It should look similar to the Taste theme. Any help is greatly appreciated!

Screenshot 2024-01-25 at 5.54.49 PM.pngScreenshot 2024-01-25 at 5.56.53 PM.png

Reply 1 (1)

ZenoPageBuilder
Shopify Partner
1043 202 217

Hello @flammagreg 👋

In Shopify Admin, you can go to Edit theme code, open file base.css, and add this code at the bottom

 

.header-wrapper {
    max-width: var(--page-width);
    margin: auto;
}

 

The result

Screenshot 2024-01-26 at 08.48.13.png

Hope that helps.

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com