Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 21, 2025 at 6:32 am #1490431
    imagestudios

    Hi, for some websites, I’ve seen the menu text reduce in size as the browser window gets smaller. This would be useful for tablet responsiveness as well as just someone that had their browser window not opened as much. Is there a way to make the Enfold menu text reduce in size as the browser window reduces or a way to avoid the menu items stacking on each other? I do realize my menu has a lot of items, and I might need to lose a menu item. Still, wanting to find the best solution so it doesn’t get jumbled. URL in notes.

    Thanks in advance!

    October 21, 2025 at 7:04 am #1490438
    imagestudios

    Here is the website:

    October 21, 2025 at 7:49 am #1490446
    Ismael

    Hi,

    Thank you for the inquiry.

    You can try this css code to force the mobile menu to display on tablet view and smaller screens.

    @media only screen and (max-width: 1366px) {

  /* Add your Mobile Styles here */
  .responsive #top .av-main-nav .menu-item-avia-special {
    display: block;
  }

  .responsive #top .av-main-nav .menu-item {
    display: none;
  }
}

    Let us know the result.

    Best regards,
    Ismael

    October 21, 2025 at 9:10 pm #1490478
    imagestudios

    This was 100% what I needed. Thanks so much Ismael!

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