Transparent Navigation bar but solid stick bar menu

Public Ticket #4820

Transparent Navigation bar but solid stick bar menu

Conversation thread

PenciDesign replied

7 years ago

Staff Reply

Hi,

Yeah, as I said on the image I sent - you need to change margin top from -100px to -82px for the top element

Best Regards,

PenciDesign

PenciDesign replied

7 years ago

Staff Reply

Hi,

Please try add more this code to Customize > Custom CSS to do that:

\
#navigation {\
    background: rgba(255, 255, 255, 0.5);\
}\
.is-sticky #navigation.header-6{\
    background-color: rgba(255, 255, 255, 0.8);\
}\

Note: Because the background of whole site is white - and your navigation is white also - that make you can't see the change for navigation when you don't scroll down.

Best Regards,

PenciDesign

PenciDesign replied

7 years ago

Staff Reply

Hi,

Thank you for loving our theme.

Can you show me your site url to I can take it a look?

Best Regards,

PenciDesign

rubincain started the conversation

7 years ago

Conversation Start

Thank you for a wonderful theme.

I am looking for the CSS or PHP edit to have a transparent navigation bar (starting position) but a have the sticky bar navigation as solid. So theoretically something like this.

#navigation{background-color: rgba(255, 255, 255, 0.5)}

#navigation-sticky-wrapper{background-color: rgba(255, 255, 255, 1)}

I don't mind editing php files if that's the only solution

Thanks in advance

Want to join this conversation or access attachments? Sign in first.