Jump to content
Sign in to follow this  
danmeeler

Customize Nav Bar

Recommended Posts

danmeeler    0
danmeeler

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
batman    389
batman

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.

;)


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

HI,

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
danmeeler    0
danmeeler

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
Danny    1,327
Danny

Hi,

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
danmeeler    0
danmeeler

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
James B    436
James B

Hi there, you'll need to add a class to the hook you've inserted and then you can adjust using css to align the text in the navbar better.

http://www.w3schools.com/tags/att_global_class.asp


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
danmeeler    0
danmeeler

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
danmeeler    0
danmeeler

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

Share this post


Link to post
Share on other sites
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
danmeeler    0
danmeeler

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
Danny    1,327
Danny

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; }


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • khat
      By khat+
      I think I may have installed pagelines pro incorrectly, and then used features incorrectly. I installed first platforms framework theme and then the child, thinking I could do setup for child later. I tried to set up a background image, and tried custom css feature in pagelines dashboard. I had mistakes in my css, and just thought that if I deleted the info in the css custom feature in pagelines dashboard that the new information would overwrite the old info. The background image didn't respond at all, probably because I didn't have the child directory renamed. I then tried to use the LSS plugin to create css and added more css, possibly, somewhere -sigh-. I never did change the background image and get it placed properly. I used a workaround and in nested containers I placed a background image which worked well enough, so I moved on to try to create my nav bar/ menu bar. When I go to the Menus panel, there is NO area where I can place a menu on a page. I have read and reread and re- re- reread the instructions for placing a menu. I've used the pagelines editor to place a menu, however only HOME shows up. I've been at this for many hours. I've since uninstalled all of my pagelines items and reinstalled, thinking that it would restore all my changes to default, but no, it is still all there, with all my unresolved issues. I am completely at a loss as to what to do next.
    • bnapoli
      By bnapoli+
      http://731.34b.myftpupload.com/ this website is using the NavPro navigation in Platform 5. It has a lot of menu items, so it breaks to two lines when the window is sized down. What is the media query to make the navigation either a) switch to "mobile mode" at a higher width, or b ) expand the nav into two lines. Thanks
    • yemoonyah
      By yemoonyah+
      I just installed and added the Flipper section to my home page and it makes my navigation/menu bar items disappear.
      They do show up again when scrolling down and everything seems normal on the other pages.
      http://yemoonyah.com
      Thanks.
       
    • ericbc
      By ericbc
      I have the WHP6 theme (not sure if I needed it). But heres my question....I want to change the font in the navigation bar and it doesn't give me that option. I also want to change the size of the nav bar (height).
    • hackworth
      By hackworth
      I'm working in the demo and I set the nav bar bg image and nothing happens. What am I doing wrong?
       
      http://hackworth.pagelines.net/
×