Header hover

  • Hello,
    I am working on website https://www.koolkampot.com
    On the menu, I would like to have no background on the items (brown) but just the yellow for the page I am looking at.
    I tried on my theme setup but can’t find a way…
    Is there a css I can use for that?
    Thank you,
    Pierre

Viewing 9 replies - 1 through 9 (of 9 total)

  • Use,
    .nav-menu-main > ul > li.current_page_item > a, .nav-menu-main > ul > li.current-menu-item > a{
    background: none;
    }

    Try this

    .nav-menu-main > ul > li.current_page_item > a,
    .nav-menu-main > ul > li.current-menu-item > a,
    .nav-menu-main > ul > li.current_page_ancestor > a,
    .nav-menu-main > ul > li.current-menu-ancestor > a,
    .nav-menu-main > ul > li.current-menu-parent > a {
    background: none !important

    }

    Thread Starter pierremichaux

    (@pierremichaux)

    @jack4arpit
    Your solution work! Thank you…half of my problem solved…now I also would like the hover in brown to disappear when I am on the menu items…
    Thank you so much if you can find this solution for me ??

    Hi,

    try this

    .nav-menu-main > ul > li:hover{background:none !important;}

    Thanks

    Thread Starter pierremichaux

    (@pierremichaux)

    Hi Clarion Tech, sorry this does not work…

    Thread Starter pierremichaux

    (@pierremichaux)

    Dears,
    This is not solved yet…
    I also would like the hover in brown to disappear when I am on the menu items…
    Thank you so much if you can find this solution for me ??

    Hoteliour Theme should have a theme option (Typography or Color section) for changing this. Did you searched on theme option?

    Thread Starter pierremichaux

    (@pierremichaux)

    I know…and I searched, I tried…but can’t find it…that is why I was asking maybe if a css was possible…???

    Try

    .nav-menu-main > ul > li:hover {
    background: none !important;
    }

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Header hover’ is closed to new replies.