Mobile sites should be fast and easy to navigate and that’s why I seen the most successful blogs or websites keep some of the sidebar widgets hidden on mobile devices.
However, by using CSS media queries, it’s very simple to customize your website for mobile devices but still for non-coders it’s difficult. And when it’s about Genesis Framework, non-coders always live much far of it. But, for your information there are many Genesis plugins available on the web for easy customization.
In this post, I’m discussing about a WordPress plugin Pojo Device Widget by which you’ll be able to hide/disable any number of sidebar widgets for mobile devices, and the best thing is that it also works for Genesis Framework.
What is Pojo Device Widget Plugin? How to Install & Activate?
Pojo Device Widget is a WordPress plugin designed specially for Pojo Framework users to make selection of sidebar widgets for different devices according to user’s choice. However, it doesn’t mean it won’t work for Genesis Framework. In fact, I’m using it for my Genesis website and it’s working fine.
If you’ve a responsive website, this plugin can be proven very useful for you. By using this plugin, you can easily hide any sidebar widget for different devices such as Desktop, Tablet and Mobile.
You can download this plugin from WordPress Plugins Repository and then upload and install in your WordPress website. Or you can directly search and install inside the WordPress by navigating Plugins > Add New and then search for “pojo device widget” and simply install and activate.
Hide Widgets for Mobile Devices Using Pojo Device Widget Plugin
Pojo Device Widget plugin will save your time from writing some lines of code, and leave you with a clean sidebar area. The plugin only adds CSS settings by Media Query screen:
- Desktop – 980px and up
- Tablet – 979px to 768px
- Phone (Mobile) – 767px and below
So, once you’ve installed and activate the Pojo Device Widget plugin, you can very easily hide sidebar widgets for mobile, tablet or even desktop devices.
Just navigate to Appearance > Widgets and click on any widget which you wanna hide and then at the bottom of the widget you’ll see a dropdown menu under Show/Hide Widget option; just click on the dropdown menu and choose Hidden Phone (if you wanna hide that widget for mobile devices), choose Hidden Tablet (to hide the widget only for tablets) or Hidden Desktop (to hide widget from all desktop devices).
That’s all about hiding sidebar widgets for mobile or tablet devices. As I already told you that I’m using this Pojo Device Widget plugin on All Useful Info built with Genesis Framework, you can also feel free to use this plugin to hide/show sidebar widgets on your Genesis website.
Was it the same you were looking for? Are you going to install this plugin on your Genesis website? Let me know your thoughts on this post. I’ll be more than happy to hear from you. 🙂