Elementor Single Post Template Transparent Header

Public Ticket #17925

Elementor Single Post Template Transparent Header

Conversation thread

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

Please add this CSS code:

#navigation,
#header .inner-header,
.penci-header-trans .sticky-wrapper:not(.is-sticky) #navigation {
    background-color: transparent;
}
.is-sticky #navigation,
.penci-header-trans .sticky-wrapper.is-sticky #navigation {
    background-color: #fff;
}

Regards,
PenciDesign.

djlefave replied

5 years ago

Customer Reply

Apologies. You answered what I asked, however, I forgot to mention that I am using the sticky header. Is there a way to have transparent then when sticky change to a solid background. Like the home page of "Music Band"

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

Please go to the Single Post Template, select the Advanced Tab, then paste the following custom CSS code:

#navigation,
#header .inner-header {
    background-color: transparent;
}

Regards,
PenciDesign.

djlefave started the conversation

5 years ago

Conversation Start

How can I deploy the Soledad Transparent Header when using an Elementor Single Post Template?

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