Docs

[BradN]

Hi,

In tidying up the menu for a client presentation we noticed that one of the submenu items has become wrapped incorrectly. We don’t know why it is doing this.

It is under the services heading in the main menu. We have it set up as a 1/4, so the 5th submenu header starts a new row. But our 8th submenu item has wrapped onto a 3rd row.

Any help is much appreciated.

Thanks!

[BradN]

This reply has been marked as private.

[Lely]

Hello Brad,

Please try adding the following CSS on Appearance > Customize > Custom > Edit Global CSS:

.ubermenu .ubermenu-autoclear>.ubermenu-column-1-4:nth-child(4n+1) {
    clear: none;
}

Upon checking, it is part of the Ubermenu CSS. I will forward this to our developer for investigation.

[BradN]

Thanks Lely – that worked perfectly.

I do have one other question regarding the menu, and it may very well be ubermenu css as well, but the horizontal divider bar has padding on the left, but no padding on the right. Is there a way to force padding for the horizontal divider on the right, to match it up with the padding on the left?

Thanks again for your continued support.

Brad

[Jade]

Hi Brad,

You can add this under Custom > CSS in the Customizer.

.ubermenu .ubermenu-divider {
    padding: 20px 30px 20px 5px !important;
}

Hope this helps.

[BradN]

Brilliant! Thanks 🙂

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts