Hover Background in Header Menu - Brooklyn Theme

[leehew]

Hi,

Is it possible to make the White background when hovering over the header menu to be 50% opacity? Just on the home page only.

Website: www.myozco.com

PW: Myozco123456

[KetanKumar]

@leehew

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.site-nav__dropdown {
background-color: rgba(255, 255, 255, 0.7);
}

[leehew]

Thats great. Thank you.

Is it possible to apply the change to the top navigation 'SHOP" as well?

[KetanKumar]

@leehew

yes please add this code

.site-nav--has-dropdown.nav-hover>a, .site-nav--has-dropdown:hover>a, .site-nav--has-dropdown>a.nav-focus {
background-color: rgba(255,255,255,.7);
}

[leehew]

Works. Thank you.

[KetanKumar]

@leehew

wow that would be great thanks for update