Ultimate Addons Beaver Builder Off Canvas Menu

Beaver Builder
, ,
1

I am trying to format the off-canvas menu for Ultimate Addons Beaver Builder to overlay everything on my page, to be the topmost object. When I try messing with the z-index of all the other items on the page, the navigation header (created by Beaver Themer - Header) overlays the off-canvas menu.

This doesn’t allow a user to click the close button since the header div is on top of the off-canvas. I can still click off the screen to close it but I would prefer the close button to work as well.

Another problem is that the mobile version looks even worse since the header is transparent and since it overlays the off-canvas (when open) the close button and text is behind the logo/hamburger menu.

If I can get this off-canvas to overlay all elements, it should fix the problem. I just don’t know what to look for in the Ultimate Addons Beaver Builder off-canvas module or in Beaver Builder/Themer.

The website is https://donerightmail.com

off-canvas-menu-under-header-mobile
off-canvas-menu-under-header-mobile396×666 112 KB

2

Hello,

If u manage somehting like this :

.fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-sticky) {
position: absolute;
width: 100%;
z-index: 1 !important;

}`

It can work… maybe need adjustment.

Regards