Which app is making my header appear differently?

[harperthelbl]

Hi there!

I’m trying to get the bottom of a tricky question: it seems that there is an app that is preventing my store’s header from appearing correctly (www.harperthelabel.com).

My store’s theme is Showcase, and I’ve confirmed with the developer that I should be able to select an option to make the primary navigation/header opaque on hover. That option is selected:

You can see that on my website the header is not transparent when not hovering, nor does it go transparent on hover:

The app developer suggested that I had made some code changes that are making this function work incorrectly, but I tried a fresh install and the problem persists. Does anyone know what app might be causing this to work incorrectly?

Thanks for your help!

[ExpertRookie]

Hi @harperthelbl
to fix the problem You can try follow this path:
Themes => edit code => asset => styles.css
and add this code to bottom of the file styles.css

#page-menu,
.site-control.nav-inline-desktop .site-control__inner .nav-row .contains-children .nav-rows{
background: #fff;
}

[harperthelbl]

Super helpful, thanks. That does make the drop down menus opaque.

I’m trying to make the header transparent until you hover over it, at which point I’d like it to be opaque. Is there additional code that would help achieve that?