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

[milkymotorsport]

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.

[DutchDelight]

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]

that didn't work unfortunately

[milkymotorsport]

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

[ZenoPageBuilder]

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

Hope that helps!