Sticky Topbar

Public Ticket #20364

Conversation thread

annaknt145 replied

4 years ago

Customer Reply

AWESOME!

Thanks again for the help.

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 (min-width: 767px) {
    .penci-top-bar {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
    }
    #header {
        margin-top: 32px;
    }
    .sticky-wrapper.is-sticky #navigation {
        top: 32px !important;
    }
}

Regards,
PenciDesign.

annaknt145 started the conversation

4 years ago

Conversation Start

Hi,

I would like to know if there is any way to make the topbar sticky for desktop view.

Thanks

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