Okay
  Public Ticket #2292448
Menu Item color on hover
Closed

Comments

  •  1
    studioarnaudcordel started the conversation

    Hello Kalium team,

    I have purchased two licenses for two different site but I have a recurring problem on both of them, on the hover state of my menu :

    1- Site one / Top Menu : When on hover, the text change and get the color of the theme styling, but the underline stays white. But on the footer the underline and text get colored on hover.

    2- Site two / Standard Menu : When on hover, the text do not change color but the underline get the color of the theme styling. But on the footer the underline and text get colored on hover.

    How can we fix it? I think a fast solution could be that you give me CSS to change hover color of both text and underline of the menu.

    Many thanks,

    A.

  •  1,558
    Laborator replied

    Hi there,

    If you could provide the credentials or the links to your site (if they're not in coming soon mode) for both sites it would be easier for us and you would get the fix faster, I can give you a CSS but I don't know which type of menu and header you're using, or if you're using any demo.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  1
    studioarnaudcordel replied

    Hello !

    Here are the links to the websites :

    https://parisphoenixstudio.com/

    http://helenegalleron.com/

    They're supposed to stay in maintenance mode for now so if you could be so kind to take a look fastly so I can put them back to maintenance asap, it would be so great.

    Many thanks,

    A.

  •  1,558
    Laborator replied

    Hi there,

    Add this CSS for parisphoenixstudio:

    .top-menu-container .top-menu ul li a:hover:after {
        background: #271ffe !important;
    }
    

    and this one for helenegalleron:

    .main-header.menu-type-standard-menu .standard-menu-container div.menu>ul>li>a:hover, 
    .main-header.menu-type-standard-menu .standard-menu-container ul.menu>li>a:hover, 
    .main-header.menu-type-standard-menu .standard-menu-container div.menu>ul ul li a:hover, 
    .main-header.menu-type-standard-menu .standard-menu-container ul.menu ul li a:hover {
        color: #fbc441;
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •   studioarnaudcordel replied privately
  •  1,558
    Laborator replied

    Hi again,

    Can you please put it back online so I can check it.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  1
    studioarnaudcordel replied

    Done !

  •  1,558
    Laborator replied

    Can you remove the previous one and try this:

    .top-menu-container .top-menu ul li a:hover {
        color: #FFF !important;
    }
    .top-menu-container .top-menu ul li a:hover:after {
        background: #FFFFFF !important;
    }
    

    If it doesn't work, can you please provide the login credentials.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  1
    studioarnaudcordel replied

    Working perfectly ! Thanks a lot for your help Art :)
    That will be all for me.

    Thanks a lot,
    A.

  •  1,558
    Laborator replied

    Happy to hear that, wishing you a great weekendsmile.png


    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group