Hi,
here there is a problem with the main menu in the resolution beetween 1299px and 1399px.
In above resolutions the menu appears below : https://easycaptures.com/fs/uploaded/1972/5506373157.jpg
Any suggestion to solve this ?
Thank in advance.
Regards.
As extra tip use also that
body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {margin-left: 3px;}
it will reduce space between menu item name and arrow , and becuase you have 3 of them, you can save 12px in total.
AND use also that
#sp-menu {padding-left: 0;}
to save extra 15px
using only that you will save around 27px, more space for menu items :]
Hi there!
Sorry for your experience.
Would you please give me your site URL here to check?
Best regards,
Hi,
sorry I had forgotten the url : https://www.lucerazzini.it/
Thanks
Ciao Andrea,
Easy, we even have tip for that in Helix Ultimate documenation >> https://www.joomshaper.com/documentation/helix-framework/customization-tips#how-to-reduce-space-between-menu-items
Look at the 2nd CSS example.
Perfect, it works!
Thanks for support
