All things Shopify and commerce
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!!
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;
}
Learn what's possible with customizing Shopify Checkout beyond what's available out of...
By Shopify Feb 19, 20252m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025