Thank you for your answer.
I’ve read the article you linked above some days ago and I did everything is written in: the problem is that the procedure works for mega menu items but not for sub menu items.
I’ve also tried to change a submenu item in a mega menu items in order to understand if I’ve done some mistakes… and as mega menu item it works! But when I put the item back on submenu the procedure no longer work.
Regards
Maura
-
This reply was modified 1 year, 3 months ago by
maurasa.
-
This reply was modified 1 year, 3 months ago by maurasa.
Hi,
Please post a link to your site so I can take a look.
Regards,
Tom
The max mega menu is in a logged in page under costruction. I just put it visible and make the page (and a part of menu) visible to all for a while. Thanks
Home contenuti – Controlli di Polizia
Hi maurasa,
Apologies for the delay. Please try this CSS instead (added to Mega Menu > Menu Themes > Custom Styling):
#{$wrap} #{$menu} li.mega-menu-item.mega-multi-line > a.mega-menu-link {
@include desktop {
line-height: inherit !important;
display: flex !important;
align-items: center;
}
@include mobile {
br {
display: none;
}
}
}
And make sure you add the custom class of ‘multi-line’ to the menu item, as described here: https://www.megamenu.com/documentation/how-to-display-menu-items-over-multiple-lines/
Regards,
Tom
Hi,
thanks. With this CSS it seems still not working
Regards,
Maura
-
This reply was modified 1 year, 3 months ago by maurasa.
Hi Maura,
Please double check the custom class is applied to the item (it wasn’t when I could last see the site), if you still have problems please open up the site again so I can take a look.
I notice your site is under construction, so if the issue can wait a bit longer, I would prefer to take a look towards the end of next week as I will be away this weekend/early next week (prioritising Pro/paid support).
Thanks
Tom
Hi Tom,
thanks for your answer. Now in the site it seems work in correct way, but it doesn’t work in the staging area site. I don’t know why.
Another thing: the two line items works but the spacing interline between every item is the same to the two-line items lines (so that it seems difficult to distinguish each item from the others 🙁 … as at the beginning!)
I will open the page when you tell me that you have time to look it.
Thanks in advance
Maura
Hi Maura,
I’m back now. I would suggest re-syncing your staging site copy if it is working on live, but not on staging.
You can increase the height of the items in the flyout menu under Mega Menu > Menu Themes > Flyout Menu. That should help distinguish each item.
Regards,
Tom
Hi!
Thanks for the answer, but the height increasing doesn’t works 🙁
Even if I increase height, everything remain ok for one line items, but there is no change beetwen two or three lines items. So they appear like “all in one”.
I really can’t understand why…thanks in advance
Regards,
Maura
Hi Maura,
In that case try increasing the Menu Item Padding (top and bottom) for the Flyout Menu items instead.
Regards,
Tom
Done! Now it works, thanks so much!!!
Regards,
Maura
