[Resolved] Hide images in tablet

[Ella]

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

[Leo]

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 🙂

[Ella]

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

[David]

Hi there

can you share a link to the page, where this images isn’t hiding ?

[Ella]

Hi,
Thank you for the speedy response
https://test.sanskritatstjames.org.uk/resources/
The first image (the open book)
Thank you,

[David]

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

[Ella]

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 🙂

[Ella]

Forgot to mark as resolved.
Thank you again,
Ella

[David]

Glad we could be of help!

[Author]

Posts