This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Replies

6
  1. Andrew Misplon Staff 10 years, 22 days ago

    Hi Marou

    Thanks for reaching out.

    Update: You can now use the Toggle Visibility addon in SiteOrigin Premium to set display conditions.
    Page: Toggle Visibility

    At the moment, there isn’t any easy way of doing this. What you could do is edit a row, click Attributes and use a Row CSS Class to do this manually, something like:

    mobile-only

    Next, you’ll need a custom CSS plugin. Install SiteOrigin CSS if you don’t have one already. Then, go to AppearanceCustom CSS and insert:

    .mobile-only {
    display: none;
}
@media (max-width: 680px) {
    .mobile-only {
        display: block;
    }
}
  2. Andrew Misplon Staff 10 years, 22 days ago

    You can adjust the 680px breakpoint as required. Hope that helps.

  3. Marou 10 years, 22 days ago

    Hi Andrew,

    Thanks for the answer, this works great. If I want to have something appear everywhere but on mobile, can I change the row class to desktop-only and then instead of max-width, put min-width? Also, if I never want both rows to appear, I assume I should put the desktop-only row on min-width 681 instead of 680??

    Lastly, when I enter the custom css (or paste it in), the max-width and following { are in red and in a grey box. Why is that, and is it a problem? How do I solve that?

    Thanks again.

  4. Andrew Misplon Staff 10 years, 19 days ago

    Sure :)

    Desktop only could look something like this:

    .desktop-only {
    display: block;
}
@media (max-width: 680px) {
    .desktop-only {
        display: none;
    }
}

    The above and previous rules should be correct. The red text is most likely just part of the syntax highlighting.

  5. Marou 10 years, 18 days ago

    Hi Andrew,

    It all seems to work.

    Thanks again.

  6. Andrew Misplon Staff 10 years, 18 days ago

    Awesome :) Glad to hear that helped. All the best.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread