Archived topic
Widescreen Images on Mobile Screens
1 reply · Started by Dan King on July 22, 2021
Hi
I want to use widescreen images like this: https://learnclub.co.uk/mobile-test-page/
But on mobile I don't want it squashed into a tiny image... I would rather it had negative left and right side margins so it retains it's height.
Is that possible? The image block itself dozen't have margins and I've tried doing it in a container but it doesn't work...
Thanks!
Dan
Hi Dan,
I would recommend using the Container block of Generateblocks.
https://wordpress.org/plugins/generateblocks/
You can set a background image (image size: cover) to the container block and give it a min-height on desktop/tablet/mobile.
https://docs.generateblocks.com/article/container-overview/#backgrounds
Let me know if this helps :)
