Jump to content


Photo
- - - - -

Insert Image in Navigation bar


  • Please log in to reply
4 replies to this topic

#1 ant3840

ant3840

    Super Member

  • Members
  • PipPipPipPip
  • 107 posts

Posted 25 February 2012 - 08:28 AM

I want to put an image in the navigation bar with a link to "x". Can I do it? Example of what I'm trying to say: http://www.aprenderm...nav-bar-img.jpg Thanks in advance Agustin. =)

#2 tsalstrand

tsalstrand

    Super Member

  • Members

  • 243 posts
  • Framework Version:latest
  • Country: Country Flag

Posted 25 February 2012 - 02:31 PM

Hi Agustin,

It is definitely possibly... however it looks like you're using a plugin to create your nav menu, correct? If that is the case, then I don't know if it can be accomplished with the current plugin. However, one that I know you can use is Mega Menu

#3 Rob

Rob

    One Smart Egg

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

Posted 27 February 2012 - 07:36 PM

Agustin,

If you have uploaded your image to your site using the Media uploader, it should provide you with a link (URL) to the image. Copy that.

Go to Dashboard > Appearance > Menus and use the Custom Link to include the image. You add the link normally, but the Navigation Label is where you put:
 <img src="THE IMAGE URL GOES HERE" border="0">

Make sure the image is the proper size you wish, if not, you can set size attributes in the image tag like height="14px" and width="90px".

#4 ant3840

ant3840

    Super Member

  • Members
  • PipPipPipPip
  • 107 posts

Posted 29 February 2012 - 08:31 AM

Excellent, do you know how can I put the image in the right i try with align but doesn't work =(, I want to put it just like in the picture. http://www.aprenderm...nav-bar-img.jpg But I think I'm going to maki more square and use the hole space (border="0") Thanks in advance Agustin

#5 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 29 February 2012 - 04:17 PM

you can use CSS float properties to do that.