Site logo

Archived topic

Hide when scrolling down only for the mobile

9 replies · Started by Diogenes on August 7, 2019

Viewing posts 1–10 of 10

Hi there,

can you activate the Hide on Scroll down option and i can take a look at the necessary CSS

Ready David, I already activated it.
If I don't mention it, I want to keep the sticky bar as it was until now (in the desktop version)
Thank you.

Try this CSS:

@media (min-width: 768px) {
    .sticky-enabled .main-navigation.is_stuck {
        top: 0 !important;
    }
}

Thanks David, it works.
But he makes a leap by making the transition to the sticky bar.
In the normal version (Use Navigation as Header), the transition to the sticky bar is smooth and without that jump.

I am not seeing the 'jump' on the site. Is this when you're logged in or any particular browser?

hmmm... there isn't much that can be done about that unfortunately - the CSS clashes with the JS styles. Not currently a way of adjusting the Sticky JS script for viewport sizes.

I understand David. For now I will return to how I was at the beginning.
Thanks anyway.
Greetings.

You're welcome - sorry there isnt a solution

This archived topic is closed to new replies.