How to hide DIV content if shown on mobile? « Support Forum | Kriesi.at

How to hide DIV content if shown on mobile?

3 posts from 2 voices

Tags:

Michael Hainsworth
Member

Hi there! CSS3 newbie asking if you know how I can set a div (specifically my .qrcode widget) to display: none if the widget is being shown on a handheld device? There's no sense in cluttering up the reader's screen with a QR Code when they're already on a smartphone, so I'd like to hide it.

Any help would be greatly appreciated.

thanks!

Posted 1 year ago #

Ismael
Moderator

Hello,

You can drop a media query on your custom.css

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
 .qrcode widget {
      display: none
}

Hope this helps. :)

Regards,
Ismael

Posted 1 year ago #

Michael Hainsworth
Member

Thanks so much! I'm well on my way to creating my own web app within Propulsion!

Posted 1 year ago #

This topic has been closed to new replies.