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

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Add Social Icons Before Header Right Widget Nav Menu

This tutorial provides 2 solutions which enable you to add the Social Icons widget perfectly vertically aligned centre before the navigation widget in the header right widget area like this :

On mobiles it centre’s each widget under the site title like this :

Tested using the Parallax Pro child theme by StudioPress. May need modification for use in other Genesis child themes.

Watch Demo Video #

Shows the Simple Social Icons vertically aligned with the WordPress navigation widget in the Header Right widget area of the Parallax Pro child theme. Shows the site header, social icons and nav menu centered on smaller screens.

Installation #

Copy & paste the CSS from either of the files in the download folder named solution-1.css or solution-2.css and paste at the end of the Parallax Pro themes style.css file. Clear caching.

This CSS only works with the following widget configuration in the Header Right widget area of Parallax Pro :

Also requires the icon size set in the Simple Social Icons widget settings is 30px. otherwise, you will need to change the value for the margins.

Register or login to access the download folder :

Register for full access

Related Tutorials

  • Add Social Icons After Header Right Widget Nav Menu

Parallax Pro Theme Simple Social Icons

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.