Sticky For Multi-row Header - Question | JoomShaper

Sticky For Multi-row Header

esf

esf

Template 5 days 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

0
3 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 5 days ago #228268

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,

0
esf
esf
Accepted Answer
5 days ago #228300

Hello,

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

Best regards.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 days ago #228405

Hi,

Glad to know that and you are always welcome:)

Have a nice day!

0