Which app is making my header appear differently?

8 0 3

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:


Screen Shot 2022-10-26 at 12.59.17 PM Small.jpeg


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

Screen Shot 2022-10-26 at 12.56.01 PM Large.jpeg

Screen Shot 2022-10-26 at 12.59.02 PM.jpeg


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!

Replies 2 (2)

Shopify Partner
1518 249 309

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

.site-control.nav-inline-desktop .site-control__inner .nav-row .contains-children .nav-rows{
background: #fff;
- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.
8 0 3

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?


Screen Shot 2022-10-27 at 11.00.16 AM.png