Archived topic
Hide images in tablet
8 replies · Started by Ella on December 31, 2022
Hello,
How can I hide images on small/mobile screens?
Not sure if this is relevant: I have a paid version of GP and I use the free version of GB.
Many thanks,
Ella
Hi Ella,
You can use the built-in hide-on classes:
https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes
Let me know if this helps :)
Hello Leo and team,
Thank-you. I think I misunderstood something, because the image stayed. What I did was:
1 - place the cursor on the image
2 - in the Block tab, scrolled down to the 'Advanced' section, I copied hide-on-mobile into the Additional CSS class(es) box
Nothing happened...
Many thanks,
Ella
Hi there
can you share a link to the page, where this images isn't hiding ?
Hi,
Thank you for the speedy response
https://test.sanskritatstjames.org.uk/resources/
The first image (the open book)
Thank you,
Its working for me. Have you tried clearing the browser caches ?
For it to work on mobile and tablet add both classes to the block:
hide-on-mobile hide-on-tablet
Hi David,
Thank you. I thought I cleaned the cache but anyway... I tried it on my mobile (which I should have done before I contacted you, sorry!) and it does work.
Thank you for your help,
Ella :)
Forgot to mark as resolved.
Thank you again,
Ella
Glad we could be of help!