Home>Support>Hide row on mobile and show row on desktop

Hide row on mobile and show row on desktop

By asbjoernlund, 9 years ago. Last reply by Andrew Misplon, 8 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi,

I really want my website to look good both on mobile and desktop. Can I insert a css in the row style, and then hide the row on mobile and the opposite on desktop. Thank you

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 4 months ago Andrew Misplon
    Hi, I Work Here

    Hi Asbjoernlund

    Sure, you could edit the row in question and insert a CSS Row Class name of your choosing, for example:

    no-mobile

    Then in a Custom CSS plugin like SiteOrigin CSS, insert:

    @media (max-width: 680px) {
    .no-mobile {
        display: none;
    }
}

    To reverse this you’d say in Custom CSS:

    @media (min-width: 680px) {
    .no-mobile {
        display: none;
    }
}
  2. 8 years, 10 months ago maverickdisrupt

    For some reason this code is not working for me? i have the same problem. My pluggin even has buttons to disable rows on desktop, mobile or tablet and those don’t work either.

  3. 8 years, 10 months ago maverickdisrupt

    Never mind, got it to work, thanks!

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More