[Resolved] Menu transparency

[Tim]

Hello,

I have a menu that is almost working the way I want, you can see it here
http://aaa.greaterthanthesum.com

The problem I am trying to fix is that I want the menu to start off semi-transparent if you scroll the menu becomes semi-transparent

I cannot figure out what is causing the opacity at the start

Thanks

[Tom]

Hi there,

It looks like you have this custom CSS added which is causing the semi-transparency:

.main-navigation {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}

[Tim]

Hey Tom, thanks for the response

I put that there, I am trying to reproduce this site is Generatepress
http://greaterthanthesum.com/ and almost have the menu but need it to be semi-transparent at the start, not just on scroll, you will see what I mean if you follow the link

Thanks for any help

[Tom]

Ah I understand! This post should help: https://generatepress.com/forums/topic/primary-navigation-in-content-area/#post-254890

[Tim]

Thank you!, that did the trick, been working on this for hours

[Tom]

Glad I could help! 🙂

[Author]

Posts