• 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

Center Logo Inline With Search Widget

By default, the Genesis Sample child theme by StudioPress centers the header image only when the header right widget area is inactive. Once you add a widget, it floats the image or title to the left.

This tutorial provides 2 solutions which enable you to center the header image inline with the search form added to the header right widget area like you see in the following demo video.

Demo Video

Shows the search widget in the header right widget of the Sample child theme display inline with the header image and then in a single column below the image displaying the same width as the image.

CSS Installation

Add the CSS from style-1.css or style-2.css from the download folder, to the very end ( after the media queries ) of your child themes style sheet and clear caching.

Register or login to access the CSS in the download folder :

Register for full access

Header Image Search

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.