Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Menu/Nav Bar Hover Transparency


Question

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!

 

Screen Shot 2021-05-05 at 10.46.08 PM.png

Link to comment
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

2 answers to this question

Recommended Posts

  • 0

Add to Design > Custom CSS

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
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!

 

Screen Shot 2021-05-05 at 10.46.08 PM.png

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”

abohemiaandthewolves.com-01-min.png

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

abohemiaandthewolves.com-02-min.png

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

abohemiaandthewolves.com-03-min.png

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

abohemiaandthewolves.com-04-min.png

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

abohemiaandthewolves.com-05-min-170x300.

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

abohemiaandthewolves.com-06-min.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...