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.

Register or login to access the download folder :

Related Solutions

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.