Home>Support>Remove Widgets on Mobile

Remove Widgets on Mobile

By cwainma, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

tHello. I am using the Vantage theme and am having some problems removing the header and sidebar widgets for mobile and just the sidebar for tablet. I have tried using this in the custom css

 @media screen and (max-width: 960px){





  #header-sidebar #secondary {





    display: none;





  }





}

as suggested in another thread. It will remove it on Samsung if I use visibility: hidden but any ipad or iphone devices it is still showing up. I am also having problems with my hover links in the nav bar showing up as orange but I have changed them to white in the customize menu and any normal links throughout after they have been clicked on once turn white. Any help would be appreciated.

URL: http://www.tsbshipping.com/sandbox

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

    Hi Cwainma

    #header-sidebar and #secondary are two different divs so you’d need a comma between them. Try something like:

    @media (max-width: 680px) {

#header-sidebar,
#secondary {
display: none;
}

}

@media (max-width: 960px) {

#secondary {
display: none;
}

}

    Hope that helps.

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