Color overlay on background - mobile view

Support
#1

Hi,
I have images as background in sections. I’ve added a vignette color overlay and aligned the custom headline to the bottom. It all works beautifully, except on mobile.

It seems to start half-way up the image and looks very odd.

This is the page.
http://77.104.134.143/~sunnyda3/fieldgateflowers.co.uk/

Can you help?

#2

Hey,

Please, can you send to us a screenshot about this mobile issue?

#3

Yes. I’ve attached one. You can see where the bottom of the tinted gradient starts half way up the image. It should match the desktop view, where the gradient is aligned to the bottom.

#4

Hi,

You need to add your color overlay in your row element instead of column element.

Thanks

1 Like
#5

Ah! Thank you! Now works perfectly.

#6

You’re welcome.