[Support request] Single post full width in Beaver Builder

[Bilal]

Hello,

when I make the single post full width in Beaver Builder, and there is a space in the right column

How can I fix that issue?

[Ying]

Hi Bilal,

GP’s content container is full width as you can see in the screenshot.
https://www.screencast.com/t/SJR7FztVfFe

The issue is that your Beaver Builder content is not full width.
https://www.screencast.com/t/9iB5grnb8F

[Bilal]

I’ve tried with a different theme and it is working

No idea what is wrong

[Bilal]

Hi,

I tested with another theme and it works fine, when I activate the generatepress plugin blog was broken

what kind of solution would you suggest, if you like I can send the login information and you can check it

[Elvin]

Hi there,

The quickest fix to this would be by adding this CSS:

.fl-builder-content {
    width: 100%;
}

But for the sake of best practices, consider checking your Beaver Builder’s global template for the content and make sure its main container is set to go 100% width of its container/viewport.

[Krzysztof]

Hello support,
I’m facing the same issue from the moment GP switched from floats to flexbox. Since display:flex is applied on the div.site-content container, this issue started to show up. Of course the above css fixes this, the same with flex-direction:column on the container – or even disabling flexbox completely by adding display:block on the container. However, since GP is one of the most popular themes for page builders and Beaver Builder in particular, perhaps you could implement some built in function that would recognize the presence of BB and if so, enable either of the css settings on the container. This way it would work out of the box (as with the floats before) and not forcing users to get frustrated and start looking for help…
FYI: settings BB row containers to full width doesn’t help. The issue does not show on regular pages, but only on Beaver Themer templates.

[Tom]

How would I go about reproducing the issue on my end? Or is there something you can link me to?

We try not to add many third-party plugin compatibility fixes to the theme, as most things should just work out of the box with no tweaks.

Thanks!

[Author]

Posts