• 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

Add Facebook Like Button Beside Site Title In Genesis

This solution displays your Facebook like button inline with the Genesis site title like this :

Tested using the Genesis Sample child theme by StudioPress.

Demo Video #

If you’re using the wide recommend – count -share button with a long site title, it might not fit on 1 line on smaller screens. In this case, you can use CSS to display the site title, Facebook button and menu toggle at a specific screen width for mobiles.

Installation Steps #

There’s 3 steps :

Step 1 : Follow the first 3 steps from this Facebook tutorial and paste the Javascript SDK code from step 2 into the Genesis > Theme Settings > Header Scripts box.

Javascript SDK

Here’s how it looks once pasted into the Genesis > Theme Settings > Header Scripts box :

Steps 2 & 3 relate to usage of the code from the download folder.

Step 2 : Copy the PHP code from the functions file in the download folder to the end of your child themes functions.php file.

Step 3 : Copy & paste the CSS from the style.css file in the download folder to the end of your child themes style.css file and clear caching.

Register or login to access the download folder :

Register for full access

Nav Menu

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.