Menu/Nav Bar Hover Transparency

Site URL: https://www.abohemiaandthewolves.com/

Does anyone know how to make this transparent when you hover over the categories in the menu bar? I already switched the toggle to transparent so the menu is transparent, but for some reason when I hover over "Shop" there is still a big white box that I can't get rid of. I just want this to be transparent w/ the words from the drop down showing. Anyone know the steps and css code to inject for this? The picture is added so you can see what my problem is. Thanks everyone!

Add to Design > Custom CSS

/* Dropdown transparent */
.header-nav-folder-content {
    background: transparent !important;
}

On 5/6/2021 at 12:51 PM, abohemianwolf said:

Site URL: https://www.abohemiaandthewolves.com/

Does anyone know how to make this transparent when you hover over the categories in the menu bar? I already switched the toggle to transparent so the menu is transparent, but for some reason when I hover over "Shop" there is still a big white box that I can't get rid of. I just want this to be transparent w/ the words from the drop down showing. Anyone know the steps and css code to inject for this? The picture is added so you can see what my problem is. Thanks everyone!

 

Also, do you need to fix these problems?

Site URL – https://www.abohemiaandthewolves.com/

1. (About) You haven’t changed SEO Title so the browser tab name still shows “About 1”

2. (Overlay Menu) Align nav items-icon?

3. (Tablet-New) Move text to left a bit?

4. (Store) You haven’t changed SEO Title so the browser tab name still shows “Store 2”

5. (Mobile-Shop) Change nav links to 2 lines, instead of scroll bar?

6. (Mobile-Products) Show breadcrumb on top of products?