Main Menu On Nestfund Template
Andrea
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.
Paul Frankowski
Accepted AnswerAs 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 :]
Rashida Rahman
Accepted AnswerHi there!
Sorry for your experience.
Would you please give me your site URL here to check?
Best regards,
Andrea
Accepted AnswerHi, sorry I had forgotten the url : https://www.lucerazzini.it/
Thanks
Paul Frankowski
Accepted AnswerCiao 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.