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

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Show 1st Widget In Sidebar Before Content On Mobile

This code removes all widgets from the sidebar on mobiles except the first widget which is shown before the content like this :

Video Demo

The video shows 3 widgets in the primary sidebar on desktop and only the first widget displaying on mobile.

It doesn’t matter how many widgets are added in the primary sidebar as the code only shows the 1st widget once the screen width reduces below 1023px or any other width you set in the media queries.

Here’s the code for members:

Register for full access

Related Tutorials

  • Reorder Widget Areas on Mobile
  • Change Order of Sidebar Widgets On Mobiles
  • Sidebar Before Content On Smaller Screens
  • Reposition Header Elements Based On Screen Width

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.