Sticky Menu doesn’t work on mobile

[davellan]

While the sticky menu works fine for desktop views, it doesn’t work for mobile. We get the hamburger menu, but when you scroll down it doesn’t follow. Would be great if this was made to follow.

[Kieran_SQ]

Hi,

To override the default behaviour please add the below custom CSS to your KLEO Child style.css via WP Admin > Appearance > Editor > KLEO Child > Style.css

COPY CODE

@media(max-width:991px) {

    div#header {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 2;
    }
    #main {
    margin-top: 88px;
    }

}

Make sure to purge your WordPress, server and browser/device cache to see the changes.

Thanks,

Kieran

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

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[davellan]

Thank you for the quick response. That works great, but the only thing would be to have it shrink a bit like the desktop version does when you scroll down (the logo to shrink to half size). How would that work?

[Kieran_SQ]

Hi,

Unfortunately it wouldn’t as the mechanism that shrinks the header is not applied on small screen devices so there is nothing to target to reduce the size on mobile.

Thanks,

Kieran

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

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.

[Author]

Posts