Reorder Widget Areas on Mobile

The solution in this download folder enables you to change the order of the front page widget areas on smaller screens.

You can also display the primary sidebar widget area before the content as you can see in the following screenshot :

In the above example, the home bottom widget area is displayed 1st, the home middle widgets 2nd and the home top widget 3rd.

Here’s the demo video showing the solution tested using the Magazine Pro child theme by StudioPress.

Video Demo

Shows the sidebar and front page widget areas reordered so they display in different positions when the screen reaches 1023px in width.

Works in any Genesis child theme.