Responsive options on the background image is a pretty standard requirement

Beta
#1

Hi!

I understand that there are complexities about this, but many of us will always be forced to do CSS workarounds for it.

Especially with hero images, they often don’t fit for mobile and they are unnecessarily large. I usually target the background image with a media query. But that didn’t worked with layouts since they required dynamic content in CSS. This is now an option, that’s great.

Show/hide containers is not ideal, since it effectively loads both images on mobile.

Having a responsive option on the “Image” label and possibly on the entire group would be a huge thing.

image

Thank you!

6 Likes
#2

Ooh this would be wonderful!

2 Likes
#3

Was just thing about this myself.

1 Like
#4

Would love to have this. Should have had it a while back really.

2 Likes
#5

Yes please.

1 Like
#6

Hey everybody! We hear you, and we have an item for this in our issue tracker, but it is not something we will be able to get to on this cycle. The advanced background partial uses all inline CSS for its output, which makes it impossible at the moment to utilize responsive CSS without a giant refactor. In addition to this, we have some approaches we’ve talked about that would make it function much more like the transforms or filters, where users can use the (+) pattern to add multiple layers and determine how they interact, et cetera. That being said, I can’t comment any further on this at the moment, but please know it is something we would like to get to. Thanks!

4 Likes