Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 25, 2017 at 8:45 pm #844162
    wkirschnerjr

    I updated the theme today and now the toggle is showing on desktop with the rest of the menu. However, if you shrink the browser both disappear entirely.

    I’m trying to fix it so when the text reaches the logo if the browser is smaller that it just goes to the toggle menu automatically. I don’t want both shown at the same time and obviously can’t have it missing entirely either.

    Please help.

    Home

    August 30, 2017 at 6:27 am #845614
    Ismael

    Hey wkirschnerjr,

    Thank you for using Enfold.

    We set the Main Menu > Menu Items for mobile to the second option. Please remove browser cache or hard refresh before checking the page.

    Best regards,
    Ismael

    August 30, 2017 at 3:45 pm #845846
    wkirschnerjr

    Thanks, but the menu on desktop still overlaps the logo when the browser is small. I’m wanting this changed so when/if the menu links bump into the logo the toggle/mobile menu appears instead.

    August 31, 2017 at 4:30 pm #846355
    Victoria

    Hi wkirschnerjr,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    

@media only screen and (min-width: 1080px) and (max-width: 1170px) {
.av-main-nav > li > a {
    padding: 0 5px;
}
}
@media only screen and (min-width: 991px) and (max-width: 1079px) {
  .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special.av-small-burger-icon,  #menu-item-search  {
    display: block;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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