Home>Support>Hide Vantage Home Page Slider on mobile

Hide Vantage Home Page Slider on mobile

By Georgia Gibbs, 9 years ago. Last reply by Guillaume de Swardt, 9 years ago.

Hi. Is there a way to hide the home page slider. I did some research and thought I found my answer with the following but it is not having any effect. Can you tell me if I am targeting the right element?

@media screen and (min-width:0px) (max-width: 400px){
.flexslider .slides > li .content img {
display: none;
}
}

Thank you.

URL: http://georgia-gibbs.com/preview/

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, 10 months ago Andrew Misplon
    Hi, I Work Here

    Hi Georgia

    Something like this should do the job:

    /* Vantage hide the home page slider on mobile */@media screen and (max-width: 680px) {.home #main-slider { display: none; }}
  2. 9 years, 10 months ago Georgia Gibbs

    I am so sorry. It didn’t work. If you have any other ideas I would love to know. Thank you very much for trying. Something there is just stuborn. I even turned my phone off completely and restarted it.

  3. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    If you move the selector I sent above, to the top of your Custom CSS then it works. A formatting issue somewhere in there could be to blame or perhaps contradictory media queries. Not sure.

  4. 9 years, 10 months ago Georgia Gibbs

    Thank you very much! Perfect.

  5. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    For sure.

  6. 9 years, 5 months ago Guillaume de Swardt

    I wish to do the same for Influnce theme. Can you please help me how to remove the slider on my main page for Influence Theme?

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