• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

Change Order of Sidebar Widgets On Mobiles

This solution enables you to make the 2nd widget in your primary sidebar display 1st and the 1st widget, display 2nd on smaller screens.

In this example the primary sidebar is populated with the Genesis eNews widget 1st followed by the Simple Social Icons widget in 2nd position. On smaller screens, this order is changed so the social icons widget displays 1st and the eNews widget 2nd.

Here’s the demo video showing you how it works :

Demo Video

The video shows the 2nd widget displaying first and the first widget displaying second once the screen width reaches 1023px width.

Note : This solution also enables you to control the order of multiple widgets in any sidebar at any screen width.

Here’s the solution for registered users :

Register for full access

Related Tutorials

  • Show 1st Widget In Sidebar Before Content On Mobile
  • Sidebar Before Content On Smaller Screens

CSS Grid Columns

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.