Jump to content


Photo
- - - - -

Nav menu hover color


  • Please log in to reply
7 replies to this topic

#1 cshawsub

cshawsub

    Member

  • Members
  • PipPip
  • 23 posts

Posted 27 July 2011 - 05:18 PM

I'm having difficulty determining how to keep the primary navmenu selected while scrolling down to the secondary navmenu. Here's the problem: www.crenshawsubway.org/home You can select "About" but once you scroll down to "Contact Us" About Us no longer shows as selected.

#2 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts
  • Country: Country Flag

Posted 27 July 2011 - 06:32 PM

You have to use the .sfHover selector that is applied to the parent li by the superfish js file. If you share a link I can give you more detail

#3 cshawsub

cshawsub

    Member

  • Members
  • PipPip
  • 23 posts

Posted 27 July 2011 - 07:11 PM

I have no idea what that means. :) Also, which link would you like me to share and how?

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 28 July 2011 - 02:54 AM

I think Adam was referring to this link you provided: www.crenshawsubway.org/home What he means is that you need to adjust your CSS so that the "About" link can do what you want it to do (in this case, stay highlighted). Does that make sense?

#5 cshawsub

cshawsub

    Member

  • Members
  • PipPip
  • 23 posts

Posted 28 July 2011 - 04:46 AM

Yes. Now how do I adjust my CSS and to what?

#6 Kate

Kate

    Advocate

  • Members
  • 3039 posts

Posted 28 July 2011 - 09:13 AM

Something like this should do it:

Please Login or Register to see this Hidden Content


Place that in your Custom Code section...

#7 cshawsub

cshawsub

    Member

  • Members
  • PipPip
  • 23 posts

Posted 28 July 2011 - 04:31 PM

It didn't work. Here's what I have now: #primary-nav .texture { background-color: #ffffff; color: #ffffff!important; font-size: 15px; } #primary-nav .sf-menu li { background-color: #ffffff; font-size: 15px; } #primary-nav .sf-menu li a { color: #000000; font-size: 15px; } #primary-nav .sf-menu li a:hover { background-color: #8BB026; color: #ffffff; font-size: 15px; } #primary-nav .sf-menu .current_page_item a { background-color: #8BB026; color: #ffffff !important; font-size: 15px; }

#8 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts
  • Country: Country Flag

Posted 28 July 2011 - 06:11 PM

body #primary-nav .sf-menu li.sfHover { background: #8BB026 }