Home Forums WoodMart support forum How to make images responsive? Reply To: How to make images responsive?

#375684

Luke Nielsen
Keymaster

Hello,

On a laptop, the images get cut off because they are defined via the background of the slide and that also has the “Background-size: Cover” option which does not always show the whole image.

https://gyazo.com/c5bdb7502e17cbd7d0f2a77f41cdc76b

In this case, if you will define the “Contain” value for the “Background-size”, the background image will always be full width but the slide will appear a little bit different.

Therefore those parts which are cut off you should create them in the page builder, e.g if such parts will be in the column that has some indentation then they will not be cut.

https://gyazo.com/e34c7559063425733ef78e218c9b8114

https://gyazo.com/f247635d587094d6b017971dba17acb7

Here is a little example:

https://monosnap.com/file/EbDFKHnLWZRz8WgR8tZtFSnWJ2R9y9

I hope this helps!

Kind Regards