Archived

This topic is now archived and is closed to further replies.

  • 0

Customize Nav Bar


Question

Posted · Report post

Hello All,

I was seeing if there is a way to put my business phone number into the nav bar of my site (and look good). I don't mind getting rid of search bar if needed. I'm looking for a way to have the phone number in front of the visitor at all times.

Thanks

Share this post


Link to post
Share on other sites

12 answers to this question

Posted · Report post

Hi,

Can you please add the code again and inform us when you have done so, we can then take a closer look.

Share this post


Link to post
Share on other sites

Posted · Report post

Dan,

Please go to Dashboard > Appearance > Menus.

Create a new custom menu item. For the URL, please enter # and for the label, add your phone number.

Save it and place it where you want it to appear in the menu line up. Save the menu in general.

Look at your site. The phone number will be found in the menu.

Let us know if this works.

Share this post


Link to post
Share on other sites

Posted · Report post

screenshot.jpg

This is how its showing on my nav bar, I would like it all the way to the right and the font bigger. Here is the code i have in my Customize plugin

add_action('get_search_form', 'brandnav_phone');

function brandnav_phone() { ?>

<a>(888)592-4901</a>

<?php }

Share this post


Link to post
Share on other sites

Posted · Report post

I tried that just now and its not working for me. I got it to sow but its making my nav bar bigger and its on top of the words in the navbar.

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks, that's not the look I'm going for. I appreciates everyone's help though.

Share this post


Link to post
Share on other sites

Posted · Report post

I attempted to add a class to the section, but it still wont format right. It looks the exact same as my screen shot above.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

Batman's suggestion is the best method to use, but you will need to apply some CSS to your contact information. The best way to do this would be to wrap your contact info in a div which a custom class.

The below code is just an example, you will need to use your own code, this is just for demonstation purposes.


add_action('get_search_form', 'navbar_contact');
function navbar_contact() { ?>

<div class="navbar-info">
<p>155-9184745</p>
</div>
<?php
}[/CODE] With that div class, you can apply custom CSS to it, for example:
[CODE].navbar-info { float: right; text-align: left; font-size: 14px; color: green; }

Share this post


Link to post
Share on other sites

Posted · Report post

Hi danmeeler

You can add an action for add phone inside NavBar

You can find at

http://api.pagelines.com/hooks

You can see this links to begin:

http://www.pagelines...ustomize_Plugin

http://codex.wordpress.org/Plugin_API

For example

add_action('get_search_form', 'brandnav_phone');

function brandnav_phone() { ?>

<ul>

<li><a>155-9184745</a></li>;

</ul>

<?php }

Other simple way is add the telephone number in your logo image.

;)

Share this post


Link to post
Share on other sites

Posted · Report post

Its just not working for me, Thanks for everyone's help.

Share this post


Link to post
Share on other sites

Posted · Report post

HI,

Did Batman's post assist you or do you need further help?

Share this post


Link to post
Share on other sites