Jump to content


Photo

Extend hover color on menu


  • Please log in to reply
4 replies to this topic

#1 Susie

Susie

    Advanced Member

  • Advanced Member
  • PipPipPipPip
  • 3,359 posts
  • LocationColumbus, OH

Posted 23 January 2012 - 12:54 PM

URL: http://goo.gl/FYNQH

I can't seem to figure this out. It should be easy! :)

Is there a way to make the hover color extend all the way to the right when you hover over "Our Clients"?
  • 0

#2 Susie

Susie

    Advanced Member

  • Advanced Member
  • PipPipPipPip
  • 3,359 posts
  • LocationColumbus, OH

Posted 23 January 2012 - 12:58 PM

Okay, I just reworked the padding so that it will extend all the way, but I'm concerned that it will not work in all browsers. Can you guys check and let me know if the nav stays on one line for you? Thanks!
  • 0

#3 Eddie

Eddie

    Advanced Member

  • Advanced Member
  • PipPipPipPip
  • 3,585 posts
  • LocationTexas

Posted 23 January 2012 - 01:01 PM

Susie,

You can try adding padding-right: 51px to this:

#subnav li#menu-item-129 a



...which is around line 653.


Just keep in mind that if that last link were to be replace with another link then the #menu-item-129 will also likely change thus requiring to update the css.
  • 0

#4 Eddie

Eddie

    Advanced Member

  • Advanced Member
  • PipPipPipPip
  • 3,585 posts
  • LocationTexas

Posted 23 January 2012 - 01:05 PM

Susie, my suggestion was made prior to your changes. Doing my method will allow you to adjust that last menu link to the pixel and not break the menu itself.
  • 0

#5 Susie

Susie

    Advanced Member

  • Advanced Member
  • PipPipPipPip
  • 3,359 posts
  • LocationColumbus, OH

Posted 23 January 2012 - 01:05 PM

That works better. Thanks, Eddie! I've been staring at this for too long. :)

I didn't want to extend the menu items all the way over like that, but my client is insisting. They will just have to NOT change those links!! ;)

Thanks again.
  • 0




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users