Sticky header and sticky topbar - Helixultimate 2 - Forum | JoomShaper
Solved Helix Framework

Sticky header and sticky topbar - Helixultimate 2

Asked by Robert Deutschmann 2 years ago Last activity 2 years ago

Hi

On my website i have activated the sticky header. Now I like also the sticky topbar with logo, social icons etc.

Any idea how to do that?

Best regards

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
2 years ago · edited

Hi Robert,

In general, this customization is beyond support, but I can share example CSS code that should help:

@media screen and (min-width: 680px) {
#sp-header-topbar { position: fixed; display: block; width: 100%; top: 0; left:0;}
#sp-header {position: relative; z-index: 99; animation: none; top: 61px; }
#sp-header.header-sticky {top: 61px; animation: none; }
}

1 more reply

Robert Deutschmann Asked this
2 years ago

Hi

Many thanks for the css-code. Works perfectly for me.

Br, Robert

Log in to reply.