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

WP SITES

2665

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

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

Grid Columns

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems