How can i make a sticky header a bit smaller

Public Ticket #22546

How can i make a sticky header a bit smaller

Conversation thread

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

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

.penci_builder_sticky_header_desktop .pc-builder-element.pc-main-menu {
    --pchb-main-menu-lh: 20px;    
}
.penci_builder_sticky_header_desktop .pc-logo-desktop.penci-header-image-logo img {
    max-height: 20px;
    width: auto;
}

Change 20px with the spacing you want to show.

Regards,
PenciDesign.

kindratsergij60 started the conversation

3 years ago

Conversation Start

How can i make header a bit smaller when it goes to "sticky" position in Header Builder

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