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!
Here is the website:
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