[Resolved] Mega Menu Issue

[Sam]

Hi, replying to your response regarding the shortcode at the end of the menu (933937), what I would like to achieve is have it as the very last item, so it would be Menu | Cart | Search | Shortcode.

Is that possible with a hook or something?

thanks

[Tom]

It’s likely something we can add CSS for if the menu item has a custom class.

[Sam]

OK, check it out: dev.supereight.net

the class is: .main-menu-currency

thanks

[Sam]

Also, I would like to change the background colour to the same as the menu, can it be made to “inherit” that colour or does it need to be set?

[Tom]

Give this a shot:

.main-menu-currency {
    float: right !important;
    line-height: 80px;
}

.main-menu-currency .select2-selection--single,
.main-menu-currency .select2-container--default .select2-selection--single .select2-selection__rendered {
    background: transparent;
    color: #fff;
}

[Sam]

Hi Tom, that code worked thanks!

However, I have started to migrate over to our live site (fun and games!) and I would like to know, in the mega menu is it possible to hide the mega menu sub menu parents?

Please see https://www.supereight.net and look at the mega menu submenu for “Brand” as you can see we have many and so need to divide them into columns, but I cannot figure out how to hide the

Also, is it possible to add padding to the desktop only submenu’s? I tried but ended up adding it to ul and li elements and it just moved stuff about. I just need to add a bit of padding around the dropdown (mega and non-mega menu) content.

thanks

[Tom]

Hi there,

Give this a shot:

.main-navigation .megamenu-col-header > a {
    display: none;
}

.mega-menu > .sub-menu {
    padding: 20px;
}

Let me know 🙂

[Sam]

Hi Tom, that worked perfectly, thanks!

[Tom]

You’re welcome 🙂

[Author]

Posts