Change background color in navigation

Solved
luke01
Excursionist
14 0 2

Hi, How can I change the background color in the main menu drop down navigation so its green and not white? https://emeraldaurora.com 

 

Thanks! 

0 Likes

@luke01, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

#NavDrawer,
#NavDrawer .mobile-nav__item{
    background: #093d37 !important;
 
}

#NavDrawer .mobile-nav__link,
#NavDrawer .icon,
#NavDrawer .mobile-nav__item *{
       color: #ceb77b !important;
}


#093d37 = background color
#ceb77b = text color

You can change the HEX colors as per your wish.

diego_ezfy_0-1626050860458.png



Kind regards,
Diego

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
0 Likes
luke01
Excursionist
14 0 2

Thank you. But, I'm trying to remove the white background from the desktop view of the navigation. Its where I circled. Do you know how to change that to green?

Thanks, 

Screen Shot 2021-07-11 at 9.51.54 PM copy.jpg

0 Likes

This is an accepted solution.

@luke01 

Oh, ok. In this case you can use the following:

.site-nav--has-dropdown:hover > *{
    background: #093d37 !important;
}

 

diego_ezfy_0-1626060324897.png

 



Kind regards,
Diego

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
luke01
Excursionist
14 0 2

Thank you! Works perfect. 

0 Likes