Mobile resolution sticky menu not working

Support Forums for LiveMesh Themes & Plugins Forums Peak Theme Support Mobile resolution sticky menu not working

This topic is: resolved

Tagged: ,

This topic contains 2 replies, has 2 voices, and was last updated by Ferreste ferreste 2 years, 10 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #25064
    Ferreste
    ferreste
    Member
    Post count: 7

    Hi,

    Is it possible to enable the sticky menu for mobile-responsive resolution too? I have got it working on tablet and desktop resolutions, but once I go down to mobile resolution it turns into a non-sticky menu. Is there a setting I can change, or some custom CSS I can apply?

    Thanks

    #25067
    Veena
    Veena
    Moderator
    Post count: 8167

    Pls use the below custom CSS and see if that helps –

    @media only screen and (max-width: 767px){
    .woocommerce-site #primary-menu, .woocommerce-site #header.sticky #primary-menu, #header.sticky #primary-menu {
        display: none !important;
    }
    #header.sticky {
        display: block !important;
    }
    #mobile-menu-toggle {
        position: fixed;
        top: 35px;
    }
    }
    
    #25068
    Ferreste
    ferreste
    Member
    Post count: 7

    That did the trick – perfect!

    Thanks for the quick response

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Mobile resolution sticky menu not working’ is closed to new replies.