enable transparent header in mobile mode

Public Ticket #20775

enable transparent header in mobile mode

Conversation thread

leoyipenvato replied

4 years ago

Customer Reply

works perfectly, thank you.

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

@media only screen and (max-width: 767px) {
    body.home .penci_navbar_mobile {
        background: transparent;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999999;
    }
    .featured-area {
        margin-top: -60px;
    }
}

Regards,
PenciDesign.

leoyipenvato started the conversation

4 years ago

Conversation Start

my homepage is using an unique header while other pages are using another header.

I enabled transparent header for homepage, but it only takes effect on desktop.

how to make it effect on tablet and mobile as well?

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