Change / Remove Image Mask When Resizing

Tom Baldock

• October 19, 2023 13:46

Hi,

I've used a mask to create the angle effect on the image below, however when I resize the page to tablet/mobile, the mask is no longer needed and it doesn't look good. I'd like to be able to replace the mask or remove it on tablet / mobile view. Is there any way to remove an image mask when resizing? Or a different way to get an angle on a column so that I get the same effect? 

To get the below, I have created 2 columns, with the left containing text and the right containing an image block with a mask to create the angle over the image. 

Full Size

Resized

Many Thanks, 

Georgia

0

• 

  Ariel H.

  • October 19, 2023 14:28

  Hi Mr. Tom,

  Thank you for reaching out to us.

  Unfortunately, there is no option in tablet view to remove the mask.

  To work around this, we suggest creating two versions of the block, one with the mask designed exclusively for desktop view, and the other intended for mobile view. 
  This is demonstrated on this screencast: https://youtu.be/QVALL6GFnI4

  If you have any further questions, please let us know.

  Best regards,
  Ariel H.

  0

Please sign in to leave a comment.