Desktop menu display error
-
Our site changes from desktop to table view on the main menu. From 1025px wide to 1172px wide, the desktop menu is shown but has too many menu items and the display is wrong. How can we fix this? Can we change the responsive px width from 1024px for tablets to 1172px wide for the menu, or something similar?
Attachments:
You must be
logged in to view attached files.
Hi themassapothecary,
Thanks for reaching to us and appreciate your patience.
Can you please try to decrease font-size in Theme Settings > Typography > Advanced https://ibb.co/ZpVtcK0F Also, please test on actually resolution for best experience.
Regards,
If i decrease the font size where you mentioned or via custom css, then the font has to be so small it’s hard yo read.
Hi themassapothecary,
Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS to change the gap:
.wd-nav.wd-nav-main{
--nav-gap: 10px;
}
Regards,