How to hide Ubermenu submenu border

[Web_Services]

Hi, we’re having an issue hiding our submenu border. There is a white line on the top that won’t disappear -

I tried changing the border color to the same as the background color, didn’t work, the following CSS didn’t work either

.ubermenu .ubermenu-skin-minimal .ubermenu-submenu .ubermenu-target {
border-top: none !important;
}

Any ideas? Thanks!

This is for swingeducation.dreamhosters.com

[thai]

Hi There,

This is how your menu looks like on my end:

Did you change the Uber menu style?

Regards!

[Web_Services]

Sorry about that. Please check now.

[ruenel]

Hello There,

Thanks for writing in!

You are using Ubermenu. Please be advised that there is a default submenu border settings in the plugin. Please go to Appearance > Ubermenu > Main UberMenu Configuration > Style Customizations and find the Submenu border color. you can select a color or a transparent one.

Or you can make use of this custom css instead. Simply add this code add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
    border-top: 0 !important;
}

Hope this helps.

[Web_Services]

Thanks! That CSS worked! For some reason the Ubermenu settings route didn’t.

Also wondering is it possible to have the submenu dropdown on the mobile version of the site bump down lower menu items (so that all options are always visible) rather than open over the top of them?

[paul.r]

Hi,

To achieve that, you can add this in Theme Options > CSS

@media screen and (max-width: 959px) {
.ubermenu-responsive-default.ubermenu-responsive .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop {
    position: static;
}
}

Hope that helps

[Web_Services]

Perfect! Thank you!

[paul.r]

You’re welcome!