Remove Widgets on Mobile

Open 1 reply premium theme theme-vantage

10 years ago · Last reply by Andrew Misplon 10 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.

Need fast email support? Get SiteOrigin Premium

Replies

Andrew Misplon Staff 10 years, 6 months ago
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.