Mega Menu

[David Martin – Support]

It’s working as expected, there is no padding between the items:

[alexanderchristiansen]

Hi again David,
I think you misunderstood me – or I am properly not just that clear to explain the problem.
I need the icons (menu-items) to have less of a gap between them.
Attached photo shows that the icons of the mega-menu are close to eachother.
That’s what I would like to do 🙂

The first menu-bar on in the file is my mock-up (psd-file) the second one is how it looks on my site (online).
I would like to have them as close as the first menu = psd file.

Attachments:

You must be logged in to view attached files.

[Swift Ideas – Ed]

Please add this css, and adjust as needed:

li.menu-item.sf-mega-menu[data-megamenucols="4"]>ul.sub-menu>li, li.menu-item.sf-mega-menu[data-megamenucols="4"]>ul.sub-menu>div>li {
    width: 18%;
    float: none;
    display: inline-block;
}
li.menu-item.sf-mega-menu[data-megamenucols="4"]>ul.sub-menu>div {
    text-align: center;
}
li.menu-item.sf-mega-menu>ul.sub-menu>li ul, li.menu-item.sf-mega-menu>ul.sub-menu>div>li ul {
    padding: 0 10px;
}

Thanks,

– Ed