Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 31, 2021 at 5:12 pm #1291599
    liliwow

    Hi,
    I would like to know how to disable/hide Burger Menu on mobile for logged-out users because main menu has only one menu item (Log In).
    Best regards.
    Jorge

    April 3, 2021 at 9:17 am #1292068
    Rikard

    Hey Jorge,

    Please try the following in Quick CSS under Enfold->General Styling:

    li.av-burger-menu-main {
  display: none;
}

.logged-in li.av-burger-menu-main {
  display: block;
}

    Best regards,
    Rikard

    April 3, 2021 at 10:28 am #1292075
    liliwow

    Hi Rikard,
    I tried your Quick CSS under Enfold->General Styling as suggested. Unfortunately, it does not work.
    The following code does not work properly :
    li.av-burger-menu-main {
    display: none;
    }
    The burger menu is still displaying.
    Feel free to have a look on my website.
    Best regards
    Jorge

    April 5, 2021 at 5:04 pm #1292561
    Nikko

    Hi Jorge,

    I have replaced your last code in Quick CSS, to this one:

    /* Display Burger Menu on mobile only for logged-in users */
@media only screen and (max-width: 767px) {
  .responsive #top .av-main-nav .menu-item-avia-special {
    display: none;
  }

  .responsive #top.logged-in .av-main-nav .menu-item-avia-special {
    display: block;
  }
}

    Please review your site.

    Best regards,
    Nikko

    April 5, 2021 at 6:52 pm #1292593
    liliwow

    Hi Nikko,
    It works fine !!!
    Thank you very much for your help.
    Please feel free to close this topic.
    Best regards.
    Jorge

    April 5, 2021 at 7:05 pm #1292595
    Nikko

    Hi Jorge,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Disable Burger Menu on mobile for logged-out users’ is closed to new replies.