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

WP SITES

2762

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Premium Access
  • Log in

Add Twitter Followers Count Button In Any StudioPress Themes Nav Menu

In this tutorial, i’ll provide all the PHP & CSS code you can use to add your Twitter Follow Count Button In any StudioPress theme Navigation Menu.

The code works in either the primary or secondary nav menu and floats the button to the right by default.

It creates a widget area which you can use with a default WordPress text widget.

All you need to do is grab the Javascript code from the Twitter Developers website and paste it into your text widget.

Or use this code & change the Twitter handle:

Lifestyle Theme Secondary Nav Menu

Here’s what the button looks like in the secondary nav menu of the Lifestyle child theme by StudioPress.

lifestyle secondary nav menu

Here’s the code:

Metro Theme Primary Nav Menu

The CSS is slightly different for each theme and in this case the button is displayed in the primary nav menu.

metro primary nav menu

Here’s the PHP & CSS code.

Sample Theme Primary Nav Menu

sample primary menu

Simply change the menu location in the PHP code from secondary to primary and vice versa.

Sample Theme Secondary Nav Menu

sample secondary menu

This code can be used in any StudioPress child theme and only requires changing of the margin: value; in the CSS code.

Add More To The Genesis Nav Menu

  • Add Twitter Button In WordPress Nav Menu
  • Add Search Form To Any Genesis Nav Menu
  • Adding Social Media Buttons To The Genesis Navigation Menu
Subscribe for new Tutorials

Reader Interactions

Comments

  1. David says

    October 26, 2013 at 1:38 pm

    Hi Brad,

    Just found your site and absolute love it. I’m trying to implement this on worldcricketwatch.com using Genesis Sample.

    Which php file do I insert the code into or do I create a new one?

    Any help would be much appreciated.

    Log in to Reply
    • Brad Dalton says

      October 26, 2013 at 9:10 pm

      Please add the PHP code at the end of your child themes functions.php file.

      Log in to Reply
      • David says

        October 26, 2013 at 9:40 pm

        Worked like a charm. Thanks so much Brad!

        Log in to Reply
        • Brad Dalton says

          October 26, 2013 at 10:00 pm

          Glad you got it working David and hope it looks good in all browsers.

          Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
 

Loading Comments...
 

You must be logged in to post a comment.