Inline nav menu width/margin problem- Dawn

[Lavished]

Hello I had modified dawn theme with an inline nav menu  ( code taken from another user here) but the menu width keeps changing on me and there's a gap on both sides and scroll bar on the bottom to move it side to side, I keep manually tweaking the percentage in the code but somehow after making changes it moves and I have to change the % value again. can someone help me with this?  base.css code I play around with is this....

  <style>

nav.header__inline-menu {

    background: #a1aec4 !important;

    width: 109% !important;

    text-align-last: center;

}

</style>

lovedandlavished.com

test123

[suyash1]

@Lavished 

please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

header.header{max-width: 100% !important;}

[Lavished]

does not work. ☹️