Display Widget On Mobile Only

This code enables you to show a widget only when the screen reaches a specific width. You can use this solution on any existing widget area or for adding a new mobile only widget area to your Genesis child theme.

Demo Video

Here’s the demo video which shows you the widget displaying once the screen width hits 1200px.

Here’s the code you can use to create a new widget area or simply use the CSS with your existing widget class:

Was This Tutorial Helpful?

Free

$0

Access only to all free tutorials per month.



Monthly

$75

Access to 10 premium tutorials per month.


Tutorial Request


Includes code guarantee and coding support.

Yearly

$500

Access to 15 premium tutorials per month.


Monthly Tutorial Request


Includes code guarantee and priority coding support.