Return to previous page

Change css for hover on navigation - by raptureadmin

This topic has 4 replies, 2 voices, and was last updated 8 years, 7 months ago ago by Jack Richardson

  • Avatar: raptureadmin
    raptureadmin
    Participant
    May 20, 2016 at 15:05

    Hi there,

    How would I change the css for the hover over function for the navigation menus (sticky and the main one). For example, on the main navigation on hover I would like the background to go grey and text white?

    Thank you

    #126669 Copied
    3 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 20, 2016 at 16:37

    Hello,

    Add this code in Global Custom CSS section:

    .menu > li > a:hover {
    background-color: grey;
    color: white;
}

    Best regards,
    Jack Richardson.

    #126679 Copied
    Avatar: raptureadmin
    raptureadmin
    Participant
    May 20, 2016 at 19:14

    Thanks but that changes the css on the fixed header which I was trying to avoid… Could you advise please.

    #126706 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 20, 2016 at 20:03

    Hello,

    In this case use the following code instead of the previous one:

    .header-wrapper .menu > li > a:hover {
    background-color: grey;
    color: white;
}

    Best regards,
    Jack Richardson.

    #126711 Copied

  • Tagged: , , , , ,

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Classic Fashion Store (Dark) – WordPress WooCommerce Theme
lazy-placeholder
Marseille 02 – WordPress WooCommerce Theme
lazy-placeholder
Beauty – WooCommerce Theme
lazy-placeholder
Poster – WooCommerce Theme
lazy-placeholder
Travel – WooCommerce Theme
lazy-placeholder
Cocktails Store – WordPress WooCommerce Theme
lazy-placeholder
WooPress Fullwidth
lazy-placeholder
Finances – WordPress WooCommerce Theme
lazy-placeholder
Real Estate – WordPress WooCommerce Theme
lazy-placeholder
Jewelry Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.