This tutorial provides to activate and enable header right widget in any theme based on Genesis Framework. Header Right widget area is after title-area container and can be moved to left right or in the center.
Header Right widget area unregistered by default using unregister_sidebar( ‘header-right’ ); in some themes including Genesis Sample. We will register it back.
STEP 1
Open child-theme/functions.php and comment our // or delete the following lines.
// Removes header right widget area. unregister_sidebar( 'header-right' );
like
// Removes header right widget area. //unregister_sidebar( 'header-right' );
STEP 2
Go to Appearance > Widgets and Drag the widget to the Header Right section.
STEP 3
Add some CSS in child-theme/style.css to move it to the right of site header.
/* Header Right Widget ------------------------------------------------*/ .header-widget-area .widget { margin-bottom: 0 !important; display: inline-block; margin: 0; padding: 0; } .header-widget-area { float: right; padding: 0 0 0 0; margin: -10px 0 0 0; position: relative; }
Done.
Steve says
Thanks for the above, so simple. Works perfectly in Firefox and OE but not yet in Chrome, where it seems to prefer the centre
Aryan Raj says
You will need to make some changes to position this. There is one tutorial which provides multiple ways to add widget area in different place in the site header https://popwp.com/custom-widget-areas-in-site-header-navigation-bar-genesis/