search

beaverbuilder / feature-requests

Feature request board for Beaver Builder products.
26 stars 4 forks source link

Ability to make a 50% column bleed full width without disrupting the other 50% within viewport #231

Open codyecp opened 2 years ago

codyecp commented 2 years ago

I have been dying for the ability to break a 50% column to a full width bleed without disrupting the other 50% column within viewport (1100px standard row width).

Currently the only way to do full bleed is to set the row width to 100% and use pixels, percentage, em or vw to adjust the column with content. We all know this is a half-baked solution to the issue.

Would love to see this reworked as I run into issues on pretty much every single website build and it's extremely limiting...

gbissland commented 2 years ago

Check out this free add-on which may solve what you are after. It lets you set a max width for the column and uses CSS calc() to sort it out.

https://sitespot.dev/resource/max-width-column/ https://sitespot.dev/demo/max-width-columns/

It would be useful in Core.

codyecp commented 2 years ago

Thank for the recommendation but this plugin actually makes the situation worse... this plugin shifts content all over the place, and really doesn't keep anything aligned with viewport.

This video does a good job of explaining the situation: https://www.youtube.com/watch?v=WfOLii0lI-8 - Apparently Elementor Pro comes with this option, but standard Elementor may not. However, as both a Pro BB purchaser, as well as Themer, etc. I'm hoping this functionality could be built into one...

Messa1 commented 2 years ago

Good idea.