This tutorial shows you how to add the header right widget back in the header of Infinity Pro. In this example, we add the Simple Social Icons widget to the header right widget area, align the icons to the right and vertically centre the icons within the widget area.
Demo Video
Shows the header right widget area added back to the Infinity Pro child theme by StudioPress. Adds the the widget for the Simple Social Icons plugin in the header right widget area.
Tested using the Infinity Pro child theme by StudioPress.
Installation Steps
There’s 2 steps :
- # Modify the PHP code in the functions.php file according to the screenshot for step 1 located inside the download folder.
- # Copy & paste the CSS from the style.css file to the end of your Infinity Pro themes style sheet and clear caching.
You can also rename the header menu to after header menu if you like on line 41 of config > theme-supports.php like this :
Off Screen Menu
If using this, modify the CSS rule for desktops to this :
.header-widget-area {
grid-area: widget;
justify-self: end;
padding-right: 50px;
}
Was This Tutorial Helpful?