Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Autofocus+ - Add buttons to menu WordPress



I would like to add some buttons to the menu in my Autofocus+ theme. Please let me know where I need to add code to have the buttons shown on the spot in the example img.


Answers (3)


Ahmed Ali Khawaja answers:

I wrote the below code and tested it on your actual site, Check screenshot :)

Ok just follow these simple steps

In your header.php file right after
<strong><div id="header"></strong>

put this code

<div class="head-social-bar">
<a href="#">
<img width="48" height="48" alt="Follow On Facebook" src="" alt="">
<a href="#">
<img width="48" height="48" alt="Subscribe To Rss" src="">

<a href="#">
<img width="48" height="48" alt="Follow On Twitter" src="">

Just change the # in <a href="#"> to your actual links
And repace the img src in the img tag.

Also you need too add the following class to your style.css file

width: 152px; float: right;

and you will also need to change the #access properties in style.css to the one below

#access {
clear: none;
display: block;
float: right;
line-height: 22px;
margin: 0;
overflow: visible;
padding: 0;
width: 350px;
z-index: 98;

One last thing :P
Due to lack of space in the header you will have to remove one item from the menu.
I guess that should be "Follow Us" link

Thats all :)

I hope I didn't missed anything.

NordicDesign comments:

Really nice!

Good explanation. Hope to see you back here when I need more help.



Rashad Aliyev answers:

You can make it via plugin very easily.

Install this plugin [[LINK href=""]]Sharebar[[/LINK]]

and use your short code in your site.

<?php sharebar_button('name','size'); ?>

NordicDesign comments:

I tried the Sidebar. It does not give the result I want. 1) I already use a lot of plugins 2) I think it can be done with a small amount of code.

Please give a suggestion where I can add this to the code of the theme.


Just Me answers:

In your header.php you will find some code looking like

<div class="menu"><ul class="sf-menu">

after that your menu items are inserted each in their own

<li>...</li> pair

that is where you can add things.

If you are comfortable with giving me temporary access to your WP-installation I could be more precise.

NordicDesign comments:


These tags are not in the header.php have a look:


// Creating the doctype
echo " ";
echo ">\n";

// Creating the head profile

// Creating the doc title

// Creating the content type

// Creating the description

// Creating the robots tags

// Creating the canonical URL

// Loading the stylesheet

// Creating the internal RSS links

// Creating the comments RSS links

// Creating the pingback adress

// Enables comment threading

// Calling WordPress' header action hook


<link rel="shortcut icon" type="image/x-icon" href="" />
<link rel="icon" href="" type="image/x-icon" />

<meta property="fb:page_id" content="136027613134214" />

<meta name="google-site-verification" content="Y95WPA-3B85YmPaUccnbGx6V5qN2ptiDbub1U83XZ_o" />



if (apply_filters('thematic_show_bodyclass',TRUE)) {
// Creating the body class

<body class="<?php thematic_body_class() ?>">

<?php }

// action hook for placing content before opening #wrapper
thematic_before(); ?>

<div id="wrapper" class="hfeed">


// action hook for placing content above the theme header


<div id="header">


// action hook creating the theme header


</div><!-- #header-->


// action hook for placing content below the theme header


<div id="main">

Just Me comments:

I do not have that theme so I went into the generated source to pick this spot. I would have to see the theme structure to be able to tell you where to put it.

NordicDesign comments:

I can not give you access to the admin pages. The source files are available online.

Just Me comments:

ok, I understand. I hope someone will solve it for you soon.