Docs

[3b1a2f46-a516-40cf-beba-b611930e4819]

Hi,

I have implemented a 2 column mega menu and managed to fix it’s position but I can’t seem to get rid of the spacing between the links. I assumed it would be line height or top and bottom padding.

Can you help?

A link is on the reply below.

[3b1a2f46-a516-40cf-beba-b611930e4819]

This reply has been marked as private.

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > custom > CSS

.desktop .x-nav .x-megamenu.col-2>.sub-menu>li {
    margin: 0px;
}

Hope that helps

Joao

[3b1a2f46-a516-40cf-beba-b611930e4819]

Thanks Joao, That worked.

The links are not spaced evenly for some reason. There are gaps between the links (blank spaces).

Any ideas?

Thanks

[Rue Nel]

Hello There,

Thanks for the updates! To remove the gaps between the links, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.desktop .x-nav .x-megamenu.col-2>.sub-menu>li:nth-child(3n) {
    clear: none !important;
}

Hope this helps. Please let us know how it goes.

[3b1a2f46-a516-40cf-beba-b611930e4819]

Thanks Rue, That’s great

[Rue Nel]

You’re welcome! We’re happy to help you out.
If you need anything else we can help you with, don’t hesitate to open another thread.

[Author]

Posts