dawn theme | remove padding on the sides of the desktop nav menu

milkymotorsport
Explorer
93 0 14

https://milkymotorsports.com/

Can someone pls provide code to remove the padding on the sides of my desktop nav menu? I want the sides of the nav menu to touch the edge of the screen. In the screenshot I have arrows pointing to the padding I want removed.

milkymotorsport_0-1705003123479.png

 

 

Replies 4 (4)

DutchDelight
Excursionist
18 0 3

Do  you  have a custom.css in your Assets folder?

If so try this:

.header__inline-menu {width:100%;}

 

Now however, that the header that your navigation bar is in is NOT 100% wide, so.. it may look good on your end, but on wider screens, it'll just be as wide as the "width" that your complete header is in.

milkymotorsport
Explorer
93 0 14

that didn't work unfortunately

milkymotorsport
Explorer
93 0 14

that didn't work unfortunately. theme is mentioned in the title.

ZenoPageBuilder
Shopify Partner
1052 203 219

Hello @milkymotorsport 👋

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

 

.header__inline-menu {
    width: calc(100% + 100px);
    margin-left: -50px;
    margin-right: -50px;
}

.header__inline-menu .list-menu {
    width: 100%;
}

The result

Screenshot 2024-01-12 at 09.32.36.png

Hope that helps!

 

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