Can the logo, topbar and navbar stay on the page when scrolling down?

[core365]

Hi, I’m working on a site and I’m using a stacked header with the navbar in a fixed position and when you scroll down the page, the navbar moves to the top and stays there and the topbar remains on the screen too, however the logo disappears off the screen and I’d like it to stay where it is too, but can’t figure out how to do it!

Hope you can help!

I’ll put the URL in a secure note as it’s being built on a temp link.

Thanks!

[nabeel]

Hi @core365,

Thank you for reaching out to us. This would require custom CSS as this is not a theme feature by default and is outside of our support scope, but we will do our best to help you getting started with the customization but we will not be able to implement it. Try adding the following code in the Theme Options > CSS:

.x-navbar-fixed-top-active .masthead {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

Please note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Don’t forget to clear all caches including your browser’s cache after adding the code. Hope this helps!

[core365]

Hi @Nabeel,

Fab stuff! That’s exactly how I wanted, thank you, I appreciate it!

[jade]

You’re welcome, @core365.