Metro pro – Different hover effect on Sec-menu

Community Forums Forums Design Tips and Tricks Metro pro – Different hover effect on Sec-menu

This topic is: resolved

Tagged: , ,

This topic contains 6 replies, has 3 voices, and was last updated by  Albert 3 months, 1 week ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #117212

    Albert
    Member
    Post count: 63

    Hi

    My secondary menu has the same hover effect as my primary menu.
    I tried everything in style but my primary menu keeps changing as well.

    Is it possible to give the Secondary menu (top) a different effect ?

    Albert,

    http://ahvenema.nl/
    #117279

    michaelbeil
    Participant
    Post count: 32

    I don’t see two menus. Did you figure this out?

    #117454

    Albert
    Member
    Post count: 63

    The secondary menu is on top, the grey bar. The menu items are on the right (hard to see because of colors).

    #117488

    Albert
    Member
    Post count: 63

    changed color so its easy’r to see.

    #117493

    David Browne
    Participant
    Post count: 167

    You probably just need to be more specific in your css. For example..

    .genesis-nav-menu a:hover {
               color: #fff;
    }

    Will target both menus, where as..

    .nav-secondary .genesis-nav-menu a:hover {
               color: #fff;
    }

    will only target the secondary menu.


    We are Dave & Erin. Full time travellers and designers. Currently in Sydney. Follow us on Google +. I’m new to twitter so be the first to say hey Twitter

    Note: Known to give only give negative critique on design. I don’t mean to offend anybody, it is just more efficient pointing out mistakes than saying “yes, its beautiful” every time. :)

    #117509

    michaelbeil
    Participant
    Post count: 32

    What David said works for the secondary menu now that I can see it ;).

    You can add this to the end of your style.css file and change the hex to your liking:

    .nav-secondary .genesis-nav-menu a:hover {
    	background: #222;
            color: #ff0000;
    }
    • This reply was modified 3 months, 3 weeks ago by  michaelbeil.
    • This reply was modified 3 months, 3 weeks ago by  michaelbeil.
    • This reply was modified 3 months, 3 weeks ago by  michaelbeil.
    • This reply was modified 3 months, 3 weeks ago by  michaelbeil.
    #120224

    Albert
    Member
    Post count: 63

    Thanks it worked

    Updated: Resolved

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Metro pro – Different hover effect on Sec-menu’ is closed to new replies.