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;
}
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025