Docs

[Singer]

In this thread you discuss what I want to do and I used the javascript near the bottom of the page to accomplish the transition of logo from the top header area into the nav bar on scroll.
https://community.theme.co/forums/topic/header-logo-position-on-scroll/

However Im using a rather large logo for the header and when you scroll back up to the top as the navbar disconnects from it’s static position at the top it switches to the original large logo and it snaps the menu down a few inches. Its jerky and I was hoping to make this a smoother transition like I have seen on other websites. Can you tell me how to make the top larger logo reappear when you scroll back up?

[John Ezra]

Hi there,

Thanks for writing in! To assist you with this issue, would you mind providing us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything. Thanks!

[Singer]

This reply has been marked as private.

[Rad]

Hi there,

Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

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

Thanks!

[Singer]

Thank you for your response, I implemented the code and it doesn’t seem like it changed anything how does it look on your end?

[Rue Nel]

Hello There,

Sorry if the given css code doesn’t work out. Please update it and use this instead:

.x-navbar-fixed-top .x-container.max.width {
    width: 100%;
    max-width: 96%;
}

Hope this helps.

[Author]

Posts