Box showing on screens independent of screen width

  • Resolved kcaluwae

    (@kcaluwae)


    6 years, 3 months ago

    I have a popup on this page that is set to show on screens larger than 600px. (screen width)

    But apparently, this setting is ignored.
    When I navigate to the page with my smartphone the popup appears.
    My smartphone is a Samsung S8, according to mydevice.io the screen width is 360px.

    How can I fix this?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Lap

    (@lapzor)

    I believe the resolution of an S8 is much higher than 360px.

    From Google search: “Samsung ships the S8 set to a lower screen resolution than the device is capable of displaying. The panel is capable of 2960×1440 but it comes set to 2220×1080”

    Hope that helps. If you have any questions, please let us know!

    Thread Starter kcaluwae

    (@kcaluwae)

    @lap, thanks for your reply.

    I did do some additional testing and found that using a width of 767 works for my phone. Not sure whe re this comes from. Based on this thread I suppose 640 is the max-width for the S7 and S8 mobile phones.

    https://stackoverflow.com/questions/38013700/samsung-s7-media-queries

    I suppose this setting regarding screen width is using media queries. (correct me if I’m wrong) It seems those media queries don’t use the actual resolution, as you state S8 resolution is much higher but using those values would make it hard to distinguish phones from tablets/notebooks. But they don’t use the viewport either (that’s the 360px I found for the S8. I’m not sure where this value is coming from but it works.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Box showing on screens independent of screen width’ is closed to new replies.