Change color of menu background + drop down menu backgrounds

Shopify Discussion
1

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

2

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