Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 9, 2019 at 9:59 pm #1099066
    scotthco

    Hi Everyone!

    This may have been covered but I can’t find it. I’d like to have the main menu switch to mobile below a different screen width than what’s currently allowed in the theme settings, specifically 960 rather than 990 or 768. Actually I’m a bit surprised that you guys haven’t yet added a Custom option to that dropdown in Theme Options / Main Menu. Anyway I figure there’s probably some code snippet I could add to my child theme’s functions.php file and was hoping one of you guys could tell me what that is.

    Thanks!

    Scott

    • This topic was modified 5 years, 4 months ago by scotthco.
    May 11, 2019 at 6:05 am #1099493
    Rikard

    Hey scotthco,

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

    @media only screen and (max-width: 960px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    Best regards,
    Rikard

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