Padding for expanded Ubermenu on desktop

[WaggingLabs]

My client wanted a separate menu on certain pages of their site. The menu needed to be on the right hand side for desktop and just below the page title on mobile (before page content). I’ve place two menus, and hidden each other for desktop and mobile.

I’m using Ubermenu and selected their setting to force the submenu to be open on desktop. Since it’s a menu, Pro only recognizes the top menu bar and not the expanded submenu.

Is there any way to configure this menu so Pro recognizes the open submenu and allows for space in the body? I’m hoping to avoid hiding gap elements on mobile views since those would vary on each page.

[paul.r]

Hi,

To achieve that, you can add the code below in Theme Options > CSS

.ubermenu .ubermenu-item .ubermenu-submenu-drop {
    position: static;
}

.ubermenu-digitalarchives .ubermenu-submenu.ubermenu-submenu-drop {
    border: 0;
}

Hope this helps

[WaggingLabs]

The functionality is great, thank you!

There is an added blue border which I’m trying to hide or make white. I’m having trouble inspecting it to eliminate it. Could you take a look?

Thanks!

[nabeel]

Hi again,

To remove the blue border, you can add the following code as well in the Theme Options > CSS

.ubermenu-digitalarchives {
    border: none !important;
}

Cheers!