[Resolved] Show / Hide Desktop Nav by Burger Menu

Home Forums Support [Resolved] Show / Hide Desktop Nav by Burger Menu

Home Forums Support Show / Hide Desktop Nav by Burger Menu

  • This topic has 11 replies, 3 voices, and was last updated 2 months ago by Ying.
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #2003363
    Felix

    Hey Devs.

    I know there is the option to use the off canvas navi. But i think i want to achieve something different.
    Is it possible to hide and show the regular mainmenu by a toggle like the burgermenu?

    I dont want the full screen canvas and i dont want to slide it from the side.

    I just want to hide and display the simple nav items.

    #2003372
    Ying
    Staff
    Customer Support

    Hi Felix,

    Have you tried setting the mobile menu break point to a high value like 9999 at customizer > layout > primary navigation?

    Let me know if that’s what you want.

    #2004519
    Felix

    Hey Ying!

    πŸ˜€ What a simple solution. With some simple custom css this works perfect! Thank you!

    #2005418
    Ying
    Staff
    Customer Support

    Great! You are welcome πŸ™‚

    #2009019
    Felix

    hey Ying or any other kind dev in your awesome gp team. πŸ™‚

    additional to my last question, witch works perfect, i want to slide-in and slide-out the nav by toggle the burger menu.
    is this possible with css?

    #2009169
    David
    Staff
    Customer Support

    Hi there,

    your site has a front end password lock that doesn’t match the admin password you provided. Can you send that ?

    #2009172
    Felix

    oh sorry.

    #2009184
    David
    Staff
    Customer Support

    Is the slide effect for desktop or mobile ?

    #2009189
    Felix

    rather for desktop

    #2009897
    Ying
    Staff
    Customer Support

    Hi Felix,

    Give this CSS a try:

    @media (min-width: 769px) {
    nav#site-navigation.toggled {
        right: 80px;
    }
    .inside-header.grid-container {
        position: relative;
    }
    nav#site-navigation {
        position: absolute;
        right: -999px;
        transition: all 0.5s ease;
    }
    }

    Let me know πŸ™‚

    #2009937
    Felix

    uhhhh that is sweet! Thank you!!! πŸ™‚

    #2009941
    Ying
    Staff
    Customer Support

    You are welcome πŸ™‚

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.