Add 2 Extra Buttons in Main Navigation Header

BUMP

BUMP

You would need to edit the header.php file in your theme.

Without seeing your site, it’s hard to explain but you want to do something like this:

<ul>
	<li><a href="<?php echo get_permalink(2); ?>" title="<?php _e('Advertisers'); ?>"><?php _e('Advertisers'); ?></a></li>
<li><a href="<?php echo get_permalink(3); ?>" title="<?php _e('Businesses'); ?>"><?php _e('Businesses'); ?></a></li>

Replace the 2 with the Advertisers page ID, etc. Then you want to style the menu in your CSS.

Hope that helps!

here is the site.

https://www.christiancouriernewspaper.com/blogbase

Top right, under the search area where home,archives,about is listed I want to add 2 extra buttons right underneath it. So I’m not looking to delete any of them, just add 2 extras

thanks msdana

It looks like your theme has those links hardcoded into the header.php file.

I would do put the following code:

<li><a href="<?php echo get_permalink(2); ?>" title="<?php _e('Advertisers'); ?>"><?php _e('Advertisers'); ?></a></li>
<li><a href="<?php echo get_permalink(3); ?>" title="<?php _e('Businesses'); ?>"><?php _e('Businesses'); ?></a></li>

AFTER this code in your header.php file:
<li><span class="contact"><a href="#">Contact</a></span></li>

The items “should” wrap to the next line. I would do it a little differently, but that’s hard to explain in writing ??

Let me know…

You are awesome.

It works- now all I need to do is be able to add one of those blue icons and have it link to the proper page.

help?

thanks again…

Ok, try this…

Change the code I gave you to this:

<li><span class="advertiser"><a href="<?php echo get_permalink(2); ?>" title="<?php _e('Advertisers'); ?>"><?php _e('Advertisers'); ?></a></span></li>

<li><span class="business"><a href="<?php echo get_permalink(3); ?>" title="<?php _e('Businesses'); ?>"><?php _e('Businesses'); ?></a></span></li>

Then add the following to your CSS:

#menu li span.advertiser { background: url(images/bg/mail.gif) no-repeat; }
#menu li span.business { background: url(images/bg/mail.gif) no-repeat; }

Don’t forget to change the numbers in parenthesis (2) and (3) to the correct page ID.

i think i love you.
you totally made my day

thank thank thank thank you

it didn’t show the little blue icons, but i think i can handle that part interesting…

That is interesting, you added the CSS part that I included to your style.css file, right? Let me know if you can’t figure it out

its all done!

thanks again