Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #11321

    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.




    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. :)




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

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘How to hide DIV content if shown on mobile?’ is closed to new replies.