sticky for multi-row header - Forum | JoomShaper
Solved Templates

sticky for multi-row header

Asked by esf 2 months ago Last activity 2 months ago

Hello,
For the predefined multi-row header, is it possible to make both the logo and the menu sticky? Currently, when scrolling, only the menu remains visible.

Thank you in advance.

Kind regards
ESF

Accepted answer

Marked as the solution
Rashida Rahman Staff
2 months ago

Hi there!

Thanks for reaching out.

It would be better to have your site URL though.

You may try the following code in your custom CSS:

#sp-header{
    margin-top: 80px !important;
}
#sp-header-topbar {
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
}

In general this code should work. Otherwise give me your site URL to have a look into it.

Here is all about custom code placement in the Helix Ultimate framework: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Best regards,

2 more replies

Oldest first Newest first Most helpful
esf Asked this
2 months ago

Hello,

Thank you for your feedback, it works very well, thank you !

Best regards.

Rashida Rahman Staff
2 months ago

Hi,

Glad to know that and you are always welcome:)

Have a nice day!

Log in to reply.