Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #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.

    thanks!

    #71383

    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

    #71384

    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.