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

WP SITES

2662

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

Reposition Header Elements Based On Screen Width

This solution enables you to reposition the site title or logo and header right widget ( search ) on smaller screens like this :

title area before header right widget
Default
header right widget before site title
Repositioned

Watch the following demo video to see the code in action.

Demo Video #

Shows the default position of the title area before the header right widget on mobiles on the left and the repositioned header right widget displaying before the title area on mobiles.

Tested using the News Pro child theme by StudioPress however should work fine in most Genesis child themes.

Code Installation #

There’s only 1 step :

Register for full access

Related Solutions

  • Reorder Widget Areas on Mobile
  • Show 1st Widget In Sidebar Before Content On Mobile
  • Change Order of Sidebar Widgets On Mobiles

News Pro Theme

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