Responsive Column layout isn't overriding well

Hi @alexander

I reported this a while ago in the support forum, but noticed that Beta 1 doesn’t have it solved.

This is not working:

image

In spite of the override that should bring the layout back to 100%, SM and XS keep the 50% 50% layout.

Thanks!

I can confirm I get the same problem, I did think it was related to row/columns within a grid/cell but looks like it is more generic than that. I had to override it with css

1 Like

Speaking about rows, I’m not sure about the other pro users but the responsive reverse functionality does not work on any of my installs. This only occurs from MD size down though. Here is a quick screenrecording:

1 Like

Thanks, I’m sorry we’ve still not gotten this one addressed. This won’t be fixed in the next patch and is providing troublesome to solve. It happens anytime you go back to the exact same value. Responsive styling is setup to only adds media queries if two breakpoints have different values for the same CSS selector. Because the row actually introduces a new selector when the number of column changes, it doesn’t realize a new media query is needed and assumes the value stays the same. I haven’t found a clean way to address it just yet.

This is a bit convoluted, but there is a workaround in the meantime. Just make sure the two values are technically different. calc(100%) is treated differently than 100%`so that should be enough to cause responsive styling to output the next media query.

1 Like