Make headline/ topbar sticky

[NadiaCrisisEquipped]

Hello!

This is the top of my site:

I don’t know the proper terminology for the red line (headline or top bar?) but in any case, I would like it to be sticky so that when someone scrolls down the page, it will stay visible on the top at all times.
My site is crisisequipped.com

Thanks for your help.!
Nadia

[ruenel]

Hey Nadia,

Thanks for writing in! Regretfully what you have in mind requires custom coding which is already beyond the scope of our support. I would highly recommend that you check out this old thread instead:

• Fix Topbar after Slider

Note: We no longer provide support for customizations under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One or Care service for further assistance.

Best Regards.

[NadiaCrisisEquipped]

Thank you! I was able to make it work with the info from the thread you provided

One more question, on the same topic of having a sticky header. [If you want me to start a new thread for this, I can.] How do I make the nav bar sticky on mobile. I have it set to “sticky top” on the settings but on mobile it doesn’t stick.

Thanks for your help!

[prakash_s]

Hello Nadia,

To make the header sticky in the mobile device you can add this CSS code in the X->Theme Option -->CSS

@media (max-width: 979px){ 
.x-navbar-wrap .x-navbar-fixed-top{ 
position: fixed; 
}
}

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks

[NadiaCrisisEquipped]

Thanks so much!

[prakash_s]

Hello @NadiaCrisisEquipped

Glad that we are able to help you

Have a nice weekend!
Thanks