How can I alter the main menu drop down navigation's background color?

[luke01]

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!

[diego_ezfy]

@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.

Kind regards,
Diego

[luke01]

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,

[diego_ezfy]

@luke01

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

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

Kind regards,
Diego

[luke01]

Thank you! Works perfect.