Line spacing of flyout menu items

Hi Thobie,

Please go to Mega Menu > Menu Themes > Custom Styling and add:

#{$wrap} #{$menu} li.mega-menu-item.mega-multi-line > a.mega-menu-link {
    @include desktop {
         line-height: 14px; /* Adjust line height */       
    }
}

Then, for your items that span 2 lines, add a custom class of ‘multi-line’:

https://www.megamenu.com/wp-content/uploads/2016/09/multi-line-css-class.png

Regards,
Tom

Hello, Tom,

unfortunately, this does not work.

See the screenshots:

https://www.kreativ-schmie.de/Downloads/css_class.jpg

https://www.kreativ-schmie.de/Downloads/individual_styling.jpg

https://www.kreativ-schmie.de/Downloads/menu_item_at_the_bottom.jpg

I have tried it with the values: 1.0, 14px, 10px, 14pt, 10pt, 100%, 80%.

Hi thobie,

Please let me know once the site is online so I can debug it.

Regards,
Tom

Thank you.

As part of the relaunch of the site, all menu entries have been shortened so that they are all single-line and there are no longer any double-line entries.