Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 8, 2018 at 5:49 pm #923966
    KellyKilgallon

    Hello –

    I found a thread about this but some of the replies were marked private so I couldn’t see the results. Is there anyway to avoid the navigation wrapping on smaller screens and tablets like in this example?

    https://www.ostomy.org/wp-content/uploads/2018/03/Screen-Shot-2018-03-08-at-10.33.03-AM.png

    I tried to decrease the size of the navigation fonts but it is still happening. Any advice?

    Thanks,
    kelly

    March 9, 2018 at 7:22 am #924294
    Rikard

    Hey Kelly,

    It’s unfortunately very difficult to get them not to do that without change the look of the menu items. I personally think it’s a much better idea to have the mobile menu kick in earlier. If you want to try that out then you can use this in Quick CSS:

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

    Just change the value 1024 to the pixel width you want the mobile menu to be active at.

    Best regards,
    Rikard

    March 9, 2018 at 7:23 am #924295
    Rikard

    Hey Kelly,

    It’s unfortunately very difficult to get them not to do that without changing the look of the menu items. I personally think it’s a much better idea to have the mobile menu kick in earlier. If you want to try that out then you can use this in Quick CSS:

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

    Just change the value 1024 to the pixel width you want the mobile menu to be active at.

    Best regards,
    Rikard

    March 10, 2018 at 12:44 am #924802
    KellyKilgallon

    Excellent. Works beautifully! Issue resolved.

    Thank you so much.

    March 11, 2018 at 6:28 am #925145
    Rikard

    Hi,

    Great, glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    March 12, 2018 at 2:26 am #925311
    KellyKilgallon

    Feel free to close this topic! Thank you.

    March 12, 2018 at 9:40 am #925392
    Nikko

    Hi,

    Glad to hear that! Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Navigation Wrapping Issue’ is closed to new replies.