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 6 years, 9 months ago by cudak888.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter cudak888

    (@cudak888)

    Anyone? I do have the paid version too, so I don’t mind escalating this off www.remarpro.com…

    Hi @cudak888

    Sorry you haven’t had a reply here. I can’t comment on the Widgets for SiteOrigin aspect of this question without diving in. But just at a glance, you could do this just with regular Page Builder row attributes or widget attributes. I briefly touched on it here:

    https://siteorigin.com/thread/hide-row-on-mobile-and-show-row-on-desktop/

    I’ll follow-up with the author to see if he’s able to get in touch here.

    Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    I do have the paid version too

    Then the author cannot help you here.

    For pro or commercial product support please contact the author directly on their site.

    As the author is aware, commercial products are not supported in these forums. As you are their customer I am sure they will have no problem supporting you there.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Visibility breakpoint problem’ is closed to new replies.