Mega Menu spacing issue

[webmgr]

I have been trying to adjust (reduce) the spacing on the Mega Menu items for days and just can’t locate the right classes and id’s. Attached is an image showing. . .

1. how I am trying to format the menu
2. how the first level looks.
3. how the second level looks.

I have tried padding & margin however I can’t find line spacing.

Your help is greatly appreciated.

webmgr

Attachments:

You must be logged in to view attached files.

[webmgr]

This reply has been marked as private.

[webmgr]

One more thing. . .
the spacing under the sub menus CANDLE HOLDERS, CANDLE ACCESSORIES, RESTAURANT SUPPLIES, WEDDINGS

is different than under CANDLES and I can’t figure this out.

See #3

Thanks again.

webmgr

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

What URL is this for? The URL supplied I see a standard menu, not a Mega Menu?

– David.

[webmgr]

mobile.generalwax.com is the site. I attached a screenshot of the megamenu.

thanks
webmgr

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

To reduce the top spacing of the mega menu sub menu, use this:

li.menu-item.sf-mega-menu > ul.sub-menu > li.menu-item > a, 
li.menu-item.sf-mega-menu > ul.sub-menu > li.menu-item > span.title {
    padding-top: 0;
}

How did you want to alter the spacing here?

[webmgr]

The spacing is squished on the MEGAMENU under CANDLES at the sub-sub level however CANDLE HOLDERS looks good now.

thank you for all your help.

webmgr

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

It seems to be because of this custom css

nav#main-navigation .menu > li > ul > li > ul > li {
    margin: -27px 0px !important;
}

Change it to

nav#main-navigation .menu > li > ul > li > ul > li {
    margin: 10px 0px !important;
}

-Rui

[webmgr]

Thanks very very much Rui. 🙂
Regards,
webmgr

[David Martin – Support]

Marking as resolved.

Thanks.