Dawn Theme InLine Menu Width

I’m trying to figure out how to make the width of the inline menu the width of the page without changing the location of the menu buttons. I’d also like to change the background color of just the menu. Any help is greatly appreciated!

Hey @ccn2 ,

Can you share the link to your store and also a screenshot of what you have vs. what you would like to have? An illustration is fine

Here’s my store

crescentcitynovelties.com

I’d like something like this that will span the width of the page without moving the position of the log or anything else:

ccn2_0-1711736384385.png

Are you trying to get full width because of the background or is there any other reason? Because you can have the full background without changing any width etc..

To change the background in full width, do this

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Change #d7d7d7 to any colour you like


Screenshot is for reference only, the correct code to paste is the one shown above.

I just want the inline menu to be a different color. I asked about full width because all of the other codes I’ve tried only change the color but the menu doesn’t expand to both ends of the page.

Oh!

You mean this?

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Change the #d7d7d7 to your preferred colour.


Screenshot is for reference only, the correct code to paste is the one shown above.

This worked perfectly! Thanks so much!

are you able to help me , I need to delete or modify the old code to make my inline menu full page width. thank you.

here my post. I will buy coffee :wink:

Dawn theme Modified Menu bar too wide
https://community.shopify.com/c/shopify-design/dawn-theme-modified-menu-bar-too-wide/m-p/2879911#M755113