Archived topic
Different image for mobile
1 reply · Started by jisu on January 4, 2023
Hi,
I am currently working on the new version of the web. I was wondering if I could have a different mobile image in the main section.
Here is the testing website.
Thanks
Hi there,
if its an image block, then you would add 2 x Image blocks, one for desktop and one for mobile.
You can then add the GP hide-on-* classes to the Blocks Advanced > Additional CSS to hide the image on different screen sizes:
https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes
NOTE if you use GenerateBlocks Pro, and the GB Image Block, then it provides hide toggles in the Advanced panel.