Sticky top bar

[matthewseymour]

I’ve trying to make the top bar sticky like the main menu bar.

I’ve tried the solution on this page: https://archived.seventhqueen.com/forums/topic/sticky-top-bar

It seemed to partially work, but the top bar squashes down on my main menu when I scroll.

Is there a way to fix this?

[matthewseymour]

The solution I tried from the page listed also seems to put the top bar menu items below the grey bar when the screen size is reduced.

[sharmstr]

Add this

COPY CODE

#header .is-sticky .kleo-main-header { margin-top: 40px !important;}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[matthewseymour]

Thanks, that works.

Is there any way I can stop the slight bounce of the main menu when you first scroll down the page? It is a bit annoying if you are scrolling up and down at the top of the page?

Thanks,

MS

[sharmstr]

I’m not seeing that behavior.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[matthewseymour]

It looks like the main menu redraws slightly when you first scroll (probably to make it sticky on the page as you scroll down). I see it in firefox and safari.

It does the same thing when you come back to the top of the page and it fixed there rather than scrolling down the page as a sticky menu.

[Author]

Posts