Transparent Dropdown Folder

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

Hi,

I'm trying to figure out how to make my folder transparent. I know I need to use custom Css but I am not sure what to put in there. Any help is appreciated. I am using the Fairfield template.

Thanks so much in advance!

This is the code I use to make my header dropdown menus transparent. 

.header .header-nav .header-nav-item--folder .header-nav-folder-content {
  background: rgba(0,0,0,0.5);
}

Hope this helps! 

-Dan

16 hours ago, Wolfsilon said:

This is the code I use to make my header dropdown menus transparent. 

.header .header-nav .header-nav-item--folder .header-nav-folder-content {
  background: rgba(0,0,0,0.5);
}

Hope this helps! 

-Dan

Thanks Dan! It doesn't seem to work, I've cruised the forums and tried the code others offered and none of those seem to work either. Not sure if it's because the template I am using is different. Appreciate the help though!

You just need to add "!important" eg:

.header .header-nav .header-nav-item--folder .header-nav-folder-content {
  background: rgba(0,0,0,0.5) !Important;
}

On 7/15/2021 at 1:08 AM, westonauburn said:

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

Hi,

 

I'm trying to figure out how to make my folder transparent. I know I need to use custom Css but I am not sure what to put in there. Any help is appreciated. I am using the Fairfield template.

 

Thanks so much in advance!

Found some other problems. Do you need to fix?

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

1. (Mobile – Overlay menu) Spacing between About & Contact is bigger than the others

2. (Desktop/Tablet – Header) When i hover on Directors, just there is a white space in dropdown

3. (Desktop –  Narrative > Header) Can’t see contact button

https://www.artschoolathletics.com/narrative-motion

4. (Mobile – About) background image don’t show in full size

https://www.artschoolathletics.com/about-1

5. (Desktop/Tablet – New page > Header) It is so difficult to see header links

https://www.artschoolathletics.com/new-page