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].
Is there any way to hide widgets for the mobile site?
I’m trying to hide the text widget for my social media links in the header on the mobile site.
http://www.technowolf.com/
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.
@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
There are competing media queries from Vantage there. Try this:
@media screen and (max-width: 960px) { .widget_text { display: none !important; } }Worked thanks!!!
Super, glad we could help out.
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
Oops wrong screenshot. Here it is :
Nice thanks!