Sticky header mobile version

Shapely
1

Please, can you help me.
I have no sticky header in the mobile version.

www.herzleibundseele.at

Thank´s

2

Hi there

Hope you are having a good day and thank you for your question
Sticky header is working only one desktop version of the site :slight_smile:
Thanks!
Colorlib Support Team

3

Thanks for the quick reply. That’s a pity, would have needed it for the mobile version. Because my client has very long pages.

Please close the thread.

Best regards
Larena

4

Hello there,

I hope you are doing well today.

I checked the site and the sticky header was working. You can also try adding this css to make it work:


.main-navigation {
    position: fixed !important;
}

Best Regards,
Support

5

Thanks for your answer, unfortunately it does not work in the mobile version. The logo and the menu disappears behind the pictures and texts and does not stick to the top. I can not dial the menu either.
see screenshot of the mobile version.
Best Regards
Larena

6

Thanks for your help, I could solve the problem.
I have only one question left:

Can you make the back to top button sticky?

Best Regards
Larena

7

Hi there,
Thanks for keeping in touch.
In relation to your question here, please add this CSS code to the custom CSS section:

a.btn.btn-sm.fade-half.back-to-top.inner-link {
position: fixed;
}

I hope this helps.
Best Regards,
Support.

8

Thank you it works on the desktop but not in the mobile version.

Best Regards
Larena

9

Hello there,

Please try using this CSS code:


@media only screen and (max-width: 1025px){
.mob-menu-header-holder {
    position: fixed !important;
    z-index: 99999 !important;
}
}

Best Regards,
Support

10

Hello there,

Please try using this CSS code:


@media only screen and (max-width: 1025px){
.mob-menu-header-holder {
    position: fixed !important;
    z-index: 99999 !important;
}
}

Best Regards,
Support

11

Hello there,

Please try using this CSS code:


@media only screen and (max-width: 1025px){
.mob-menu-header-holder {
    position: fixed !important;
    z-index: 99999 !important;
}
}

Best Regards,
Support

12

Thank you very much it works flawlessly.
Kudos to the whole team, your help is great.
You can now close the thread.
Best regards
Larena

13

Thank you too

I will close this case now, Feel free to contact us again if you have other questions Thanks!