I am trying to: Edit a Custom Post Template (or a Loop Block that is displayed in a view) using the Beaver Builder Interface.
NOTE: this happens on SEVERAL websites I work on, not just this one.
What seems to be happening is that the section that says "Preview this Content Template with:", and lets you select a specific post to preview, is making the top section taller than it is supposed to be (because on my screens it wraps to 2 lines). As a result it ends up "overlapping" the Page Builder editing area, and I can't easily access the topmost rows in my layouts.
Is there any way to fix this?
Hi,
Thank you for contacting us and I'd be happy to assist.
The top sticky toolbar that you're referring to is part of the Beaver Builder's interface. This is why it would be best to consult its official support team, to learn about the right way to include some custom CSS code to avoid this overlapping.
As a quick fix, you can include the following custom CSS code in the template's CSS section:
( example screenshot: hidden link )
html.fl-builder-is-showing-toolbar {
margin-top: calc(88px + 1px)!important;
}
Feel free to adjust the value "88" as needed and I hope this helps.
regards,
Waqar