Support » Plugin: Widgets for SiteOrigin » Visibility breakpoint problem

  • Hello!

    I’m reposting this from the SiteOrigin Widgets Bundle support page – I mistakenly thought this function came from their plugin as opposed to this expansion pack. That said:

    I came across what I believe is either a small error or perhaps something to re-consider in the @mobile CSS queries created by the Visibility menu in Row Styles.

    I’m using this option (in Page Builder) to remove rows or columns and replace them with alternative rows and columns for mobile use (where the initial one doesn’t work right).

    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 break/appear at 1023 and 1025 pixels, respectively. This 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, resulting in no content at all).

    Let me know if this will remain as described, or if there’s a potential for a revision in future that would better suit these needs (perhaps just a few extra queries for those necessitating the in-between breakpoints, thus maintaining existing compatibility?).

    I’m sure I’m not the only one who wishes this is how the Visibility function works.

    Thanks!

    -KK

    • This topic was modified 2 years, 8 months ago by cudak888.
Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Visibility breakpoint problem’ is closed to new replies.