[Resolved] Mobile sticky menu in bottom, hide top mobile menu

Home Forums Support Mobile sticky menu in bottom, hide top mobile menu

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1409425
    Frank

    Hi,

    Happy with GP so far, been working to move a site to it.
    One thing I’m currrently fighting with: the mobile menu.

    I’ve moved the sticky menu to the bottom (screens are getting larger, thumbs are not).
    But I want to hide the initial mobile menu.

    On load (mobile), the initial menu loads. When you scroll down that menu disappears from top and the sticky appears on the bottom. You can see what’s happening on this test-site.
    Tried hiding the main-navigation, but then both menus are hidden :S

    Any suggestions?

    #1409466
    Frank

    Another option is to go for the mobile header (layout->header>enable mobile header) and stick it to bottom, however in that case I lose the site logo on top.

    #1409487
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    .sticky-enabled .main-navigation:not(.is_stuck) {
        visibility: hidden;
    }
    #1409692
    Frank

    Perfect:

    
    .sticky-enabled .main-navigation:not(.is_stuck) {
      visibility: hidden;
      height:0;
    }
    #1410166
    David
    Staff
    Customer Support
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.