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

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.

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.

that didn’t work unfortunately

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

Hello @milkymotorsport :waving_hand:

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!