Change color of menu background + drop down menu backgrounds

alissacmolineux
Visitor
1 0 0

Hello, 

 

I am super new to design + customization on Shopify and I want to add small boxes behind each menu tab in the color #E3D5C6 and also make the drop down menu background the same color. 

Right now it's all white and blends too much. I want some contrast but don't know how to even start. 

 

I would appreciate a step by step guide. 

The website is www.christinalovesplanning.com - thank you so much!!

Reply 1 (1)

devmont-digital
Shopify Partner
97 23 22

Hi @alissacmolineux,

Please follow the steps below to change the color of the menu background and drop-down menu backgrounds:

 

Step 1: Navigate to Online Store -> Themes -> Edit Code. Find the theme.scss.css file and go to the bottom of the page. Paste the provided code.

 

.site-header .site-nav__item {
    background-color: #E3D5C6;
    border-radius: 5px;
}
.site-nav--has-dropdown:hover>a{
    background-color: #E3D5C6;
}
.site-nav__dropdown{
    background-color: #E3D5C6;
}
.site-nav__dropdown a{
    background-color: #E3D5C6;
}

 

Found our answer helpful? If so, Don't forget to show your support by liking and accepting the solution.
Looking for more help and expert consultation? Feel free to contact us at Shopify Expert or visit our website www.devmontdigital.io
Hire us for your project by simply emailing us at sales@devmontdigital.io