Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 14, 2022 at 11:30 am #1344368
    orianos

    On the site in question (you can find the details in the private content), I have a menu with many items, and on monitors below 1300px the menu switches over two lines, resulting in disaster :(
    Would it be possible to make the floating menu activate for all screens smaller than 1300px? for both computer and tablet or smartphone?

    Best regards
    Oriano

    March 14, 2022 at 12:52 pm #1344387
    Mike

    Hey orianos,
    Thanks for the link to your site, to force the mobile menu below 1300px, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    @media only screen and (max-width: 1300px) {
  #top #header .av-main-nav > li.menu-item  {
      display: none!important;
  }
  #top #header .av-burger-menu-main {
      cursor: pointer;
      display: block!important;
  }
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    March 14, 2022 at 1:10 pm #1344389
    orianos

    Hi Mike
    thank you for the CSS :)

    Best regards
    Oriano

    March 14, 2022 at 1:41 pm #1344391
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Menu desktop problem with too many items.’ is closed to new replies.