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/
Hide certain widgets when on mobile site
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
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!