In the footer builder the global blocks don’t display correctly. If you have a block that is 50/50 on all devices but a column on mobile then the global block displays two 50/50 columns rather than collapsing.
Not sure if this is the same as putting a global block in a side bar?
On the front end it displays as expected.
Hi @urchindesign,
This is just an unfortunate reality of how media queries work. Yes, it’s the same idea as putting a Global Block in a sidebar. The columns will break only when the viewport width is small enough - it doesn’t at all consider the width of the containing element. Unfortunately, CSS doesn’t really have a way to trigger a new layout based on the size of a parent element - at least not similar to how media queries work.
There are some tricks you can do with flexbox to wrap when certain thresholds are met. Take a look at our YouTube videos on the subject for more information on the technique.
It is not a deal breaker as it works as expected but just not in the builder view.
Sounds good. It could be different in the builder view because the builder workspace is present. You could try collapsing it.