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: