Change color of menu background + drop down menu backgrounds

[alissacmolineux]

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!!

[devmont-digital]

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;
}