[Resolved] Display content only on mobile devices

[Max]

Hi,

is there a possibility to display a part of the content within my site only on mobile devices (for example max-width: 480px) but show a different content part in the same place on wide screens?

Example:

(TEXT)
——————————————————
Show the following when the screen is more than 480px:
“(Text ABABAB)”

Show the following when the screen is less than 480px:
“(Text ACACAC)”
——————————————————
(TEXT)

I hope you understand what I’m trying to achieve?

Thanks for your help!

[Leo]

Hi there,

This should help: https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes

Let me know if you need more info.

[Max]

Works great! Thank you 🙂

[Leo]

No problem!

[Author]

Posts