[Resolved] BeaverBuilder issue regarding Header Element and pinned BB editor panel

[Belinda White]

I’ve been liaising with the team at Beaverbuilder due to an issue with using their page builder editor.

The issue only occurs if you add a GeneratePress header set to merge content and if you have the BB Add Content panel pinned to a side (either side). If it’s floating, then the issue does not appear.

The workaround from BB – “That is a workaround for you – is to unpin the panel. To do that, temporarily set the Header to not merge. You should then be able to drag it from being pinned, set the header back to merge and be able to use the content panel.”

Although I can’t seem to unpin the BB panel at the moment.
Anyone else had this issue or any thoughts of a workaround?

[Tom]

Hi there,

We’re aware of this issue, but we’re hoping it’s something BB can adjust on their end when possible.

The merged header has a z-index of 10:

.header-wrap {
    z-index: 10;
}

While the BB panel has a z-index of 9:

.fl-builder-panel.fl-builder-ui-pinned {
    z-index: 9;
}

A temporary solution would be this CSS:

.fl-builder-edit .header-wrap {
    z-index: 8;
}

Let me know if that helps or not 🙂

[Belinda White]

I’ll test that and report back.

[Tom]

Sounds good 🙂

[Belinda White]

Thank you. That has worked.

[Tom]

You’re welcome.

I’ve reported this to BB as well, so hopefully we’re able to sort out a permanent fix 🙂

[Belinda White]

Yes. I’ve sent your information to BB also.

[Tom]

Thanks!

[Author]

Posts