This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Replies

8
  1. Andrew Misplon Staff 11 years, 9 months ago

    Hi Trevor. Please take a quick look at the Custom CSS I posted here: https://siteorigin.com/thread/how-to-hide-certain-widgets-on-mobile-devices/. Just swap out .widget_recent_entries used in the example for #header-sidebar which is the ID of the header sidebar.

  2. Trevor Wolfe 11 years, 9 months ago

    @media screen and (max-width: 960px) {
    .widget_text { display: none; }
    }

    Tried that with this code above to remove the text widget in the header that contains my social media links. Doesn’t seem to be working.

    technowolf.com

  3. Andrew Misplon Staff 11 years, 9 months ago

    There are competing media queries from Vantage there. Try this:

    @media screen and (max-width: 960px) {
.widget_text { display: none !important; }
}
  4. Trevor Wolfe 11 years, 9 months ago

    Worked thanks!!!

  5. Andrew Misplon Staff 11 years, 9 months ago

    Super, glad we could help out.

  6. Jeffrey Carandang 9 years, 3 months ago

    Hi,

    If anyone is still looking for perfect solution for hiding several widgets on mobile. Feel free to check Widget Options Plugin : https://wordpress.org/plugins/widget-options , which is now fully compatible with SiteOrigin Pagebuilder! Check the screenshot below on how easy it is to hide widget on certain devices. I hope this helps!

    Cheers,
    Jeffrey

    Hide SiteOrigin Pagebuilder on Mobile

  7. Jeffrey Carandang 9 years, 3 months ago

    Oops wrong screenshot. Here it is :

    SiteOrigin Pagebuilder Widget Options

  8. Elisa Hylton-Potts 9 years, 2 months ago

    Nice 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.

Have a different question or issue?

Start New Thread