Jump to content


Photo
- - - - -

Howto: Small icon on Primary Nav Bar - Main Menu

Primary Nav Bar Navigation Menu Nav Bar Image

Best Answer Rob , 06 July 2013 - 02:55 PM

Hi,

 

This is actually easy.

 

Upload your image via the Media Library.  You will get the full URL (in a shaded area on the right side when the image is uploaded.  Copy and paste it to a notepad.

 

Now, go to Dashboard > Appearance > Menus.  Add a new Custom Link using # as the link. In the label field, add

<img src="the-full-URL-goes-here" border="0">   Where it says  the-full-URL-goes-here, copy and paste the image URL from tne notepad.

 

Save the menu item.  Move it to the very top of the list of menu items.  Save the Menu.

 

Your icon should appear on the left end of the menu.

Go to the full post


  • Please log in to reply
3 replies to this topic

#1 spacle2xl

spacle2xl

    Member

  • Members

  • 22 posts
  • Framework Version:2.4.4
  • Country: Country Flag

Posted 06 July 2013 - 03:05 AM

Okies! Good day all... I have attached a screenshot of what I want to achieve, though don't know how to go about it. On the Primary navigation bar - main menu, I want to replace the 'Home' link with a small image - icon. Please I appreciate any contributions/help. Thanks

Attached Files



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 06 July 2013 - 02:55 PM   Best Answer

Hi,

 

This is actually easy.

 

Upload your image via the Media Library.  You will get the full URL (in a shaded area on the right side when the image is uploaded.  Copy and paste it to a notepad.

 

Now, go to Dashboard > Appearance > Menus.  Add a new Custom Link using # as the link. In the label field, add

<img src="the-full-URL-goes-here" border="0">   Where it says  the-full-URL-goes-here, copy and paste the image URL from tne notepad.

 

Save the menu item.  Move it to the very top of the list of menu items.  Save the Menu.

 

Your icon should appear on the left end of the menu.



#3 spacle2xl

spacle2xl

    Member

  • Members

  • 22 posts
  • Framework Version:2.4.4
  • Country: Country Flag

Posted 07 July 2013 - 07:34 AM

I am so grateful Rob. That worked big time! :)



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 07 July 2013 - 02:29 PM

Glad to help!







Also tagged with one or more of these keywords: Primary Nav Bar, Navigation Menu, Nav Bar Image