Docs

[markwest]

Hi,

I’m having difficulty getting horizontal dividers between items on a vertical UberMenu. I can get the borders and dividers working how I’d like on a horizontal menu – but can’t seem to figure it out for the vertical menu.

Would be great if I could get some help.

I’ll post details in a following private message.

Thanks

Mark

[markwest]

This reply has been marked as private.

[markwest]

Hi,

I’m also having some problem altering some styling on this same page within x-section-1 there seems to be inline element styling –

margin: 0px;padding: 45px 0px; background-color: transparent;

I’d like to remove the 45px padding – I’ve tried adding the following custom CSS with no luck –

#x-section-1 {
padding: 0px;
margin: 0px;
}

[Nabeel A]

Hi Mark,

Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item.ubermenu-column-auto, .ubermenu span.ubermenu-target {
    border-bottom: 1px solid #fff;
}

To fix the padding issue, please replace your code with this one:

#x-section-1 {
    padding: 0px !important;
}

Let us know how this goes!

[markwest]

Hi Nabeel,

Thank you for your help.

The CSS for x-section-1 works well, thank you.

Unfortunately the CSS for the horizontal dividers doesn’t seem to work for me? Also, I still have the little vertical strip of white border to the left of ‘Treatment 2’ that I would like to get rid of – but I’m not sure how it got there?

Thanks for your help

Mark

[Rad]

Hi there,

Please change this CSS,

.ubermenu .ubermenu-submenu-id-127 > .ubermenu-column + .ubermenu-column:not(.ubermenu-clear-row) {
    border-left: 1px solid #ffffff;
}

to this,

#ubermenu-nav-main-15 ul > li {
    border-bottom: 1px solid #ffffff;
  border-left: 0px;
}
#ubermenu-nav-main-15 ul > li:last-child {
    border-bottom: 0px;
}

Hope this helps.

[markwest]

Hi Rad,

Please could you clarify, does this target just this one specific menu?

The reason I ask is that there will be around 60-70 unique pages, all with unique sidebars and unique menus, which are dynamically generated. Ideally I’d like CSS that would target them all – not just this specific one?

I’m also assuming that as you’ve supplied CSS, this isn’t something that’s natively possible to do with the various UberMenu settings? If that’s the case I wonder if it would be possible to see if UberMenu could provide better options for vertical stacked menu borders?

Thanks for your help.

Mark

[Joao]

Hi Mark,

The code above targets your Navbar Uber Menu.

Please try to paste in Appereance Customizer custom CSS and check if you like the results.

Uber Menu is a third party plugin, if you have suggestions regarding this plugin you could forward to the plugin developer.

Let us know if you need further help.

Joao

[Author]

Posts