Support » Plugin: SiteOrigin Widgets Bundle » Screen size breakpoint problem – rows disappear at 640px, 1024px

  • Resolved cudak888

    (@cudak888)


    Hello!

    Just came across what I believe is either a small error or perhaps something to re-consider in the SiteOrigin’s @mobile CSS queries created by the “Visibility – By screen size” menu in Row Styles.

    I’m using this option in Page Builder to remove a row and replace it with another for mobile use (one of those cases where the in-line version of the two-column row doesn’t really work as a single column). Unfortunately, I lose BOTH rows at the given breakpoint, e.g., Medium Down shows at 1023px and narrower, while Large shows at 1025px and up, but both disappear at exactly 1024px. The same applies at 640px.

    I haven’t looked at the code, but I’m willing to bet the media queries in the Widgets CSS has been set to 1023 and 1025 pixels – which is a bit of a problem for those using this function to make rows appear/disappear on mobile (especially given that 1024px is the exact breakpoint for some iPads).

    Let me know if this will remain as described, or if there’s a potential for a revision in future that would better suit my needs.

    Thanks!

    -KK

    • This topic was modified 2 years, 8 months ago by cudak888.
    • This topic was modified 2 years, 8 months ago by cudak888.
    • This topic was modified 2 years, 8 months ago by cudak888.
Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Screen size breakpoint problem – rows disappear at 640px, 1024px’ is closed to new replies.