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

WP SITES

2671

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Tutorial Requests
  • Contact
  • Videos
  • Tags
  • Log in

Premium Member? - Request custom code

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

Grid Columns

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Brad Dalton Specializes In Genesis child theme customization & code modification. Read More…

Learn 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