How can I change the menu bar color on the Studio theme?

[emmaD06]

Hey all! I'm trying to change the colour of the menu bar on the "studio" theme. I've tried literally every single code out there that I could find and nothing is working. Please help me!

[Made4uo-Ribe · Accepted solution]

Hi @emmaD06 

Try this. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
4. And Save.

header.header.header--top-center.page-width.header--has-menu nav.header__inline-menu {
    background: aquamarine;
    width: 100%;
    text-align: center;
}

Result:

I hope it help.

[emmaD06]

Thank you so much!!! Youre a lifesaver!!

[Made4uo-Ribe]

Your Welcome!😊

[Huzaifa_K]

Hey bro, I am using the Kalles Theme and can't find the "base.css" in the edit code section anywhere... Where should I post this code to work?

[Made4uo-Ribe]

Hi @Huzaifa_K 

Would you mind to share your store URL? Thanks!

[jolynn85]

Did you find out an answer to this? I also can not find base.css

[Made4uo-Ribe]

Check the style.css, theme.css, or would you mind to share your store URL? Im not sure if thhis code will work in your store since I provide the code base on the post owner. 

[jennyb2025]

Hello! I also used this for my store and it works great and I was able to change the color! My question is how do I make it the full width of the page, so it'd match the announcement bar width?

Thanks!