max mega menu letter spacing

Hi Fanzibb,

To adjust the letter spacing you’ll need to use custom CSS. To adjust it for top level items, go to Mega Menu > Menu Themes > Custom Styling and add the following:

#{$wrap} #{$menu} > li.mega-menu-item > a.mega-menu-link {
    letter-spacing: 1px;
}

Regards,
Tom

thank you, it worked.
How do I do that with submenu?

Hi fanzibb,

If you change the menu event to ‘click’, you can keep the sub menu open while you use browser developer tools to inspect the menu and find the correct selector to use. If you need help, please post a link and a screenshot showing which text you need to change.

Regards,
Tom

Hello, I was able to adjust the spacing between the letters in the main menu.
Now I want that in the sub menu too. Please see red dots on the picture.

Thank you

pic

Hi fanzibb,

Thanks. Please try this CSS, it will apply to all menu items in the menu:

#{$wrap} #{$menu} a.mega-menu-link {
    letter-spacing: 1px !important;
}

Regards,
Tom