Home>Support>Hide Image on Mobile

Hide Image on Mobile

By Kristin Gintert, 10 years ago. Last reply by Greg Priday, 10 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 would like to hide the red arrow image on my web page for mobile devices only. Could you please provide the code I need to use in order to do this? Thank you.

URL: http://www.thefamilypickers.com/mock-home/

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

  1. 10 years, 1 month ago Greg Priday
    Hi, I Work Here

    Hi Kristin

    The following custom CSS should do the trick for you

    @media (max-width: 480px) {
.wp-image-1612 {
   display:none;
}
}

    If you’d like the image to hide slightly earlier, then you can change the 480px value to something else.

  2. 10 years, 1 month ago Kristin Gintert

    Thanks Greg! That did it!

  3. 10 years, 1 month ago Greg Priday
    Hi, I Work Here

    Great! Glad to hear it :)

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