#46731 Transparent header – menu item hover color

Landing Forums Jupiter WordPress Theme Transparent header – menu item hover color

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • James Stone

    Hi there,

    I’ve set our clients front page to have a transparent header using the override, but the menu item hover color is no longer workign.  Iv’e tried to force it with css but the stylesheet is overriding this.

    The culprit seems to be:

    @media handheld, only screen and (min-width: 1141px)
    .trans-header .bg-true.light-skin:not(.a-sticky) .main-navigation-ul > li.menu-item > a.menu-item-link, .trans-header .bg-true.light-skin:not(.a-sticky) .mk-search-trigger, .trans-header .bg-true.light-skin:not(.a-sticky) .mk-header-cart-count, .trans-header .bg-true.light-skin:not(.a-sticky) .mk-header-start-tour, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-1 .main-navigation-ul > li.menu-item > a.menu-item-link:hover, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-1 .main-navigation-ul > li.menu-item:hover > a.menu-item-link, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-1 .main-navigation-ul > li.current-menu-item > a.menu-item-link, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-1 .main-navigation-ul > li.current-menu-ancestor > a.menu-item-link, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-2 .main-navigation-ul > li.menu-item > a.menu-item-link:hover, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-2 .main-navigation-ul > li.menu-item:hover > a.menu-item-link, .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-2 .main-navigation-ul > li.current-menu-item > a.menu-item-link, .trans-header .bg-true.light-skin:not(.a-sticky) .mk-vm-menuwrapper li a, .trans-header .bg-true.light-skin:not(.a-sticky) .mk-vm-menuwrapper li > a:after, .trans-header .bg-true.light-skin:not(.a-sticky) .mk-vm-menuwrapper li.mk-vm-back:after {
    color: #fff !important;
    }

    How can I override this?  You can see the page at https://www.ptg.219design.co.uk

    Any thoughts or ideas most welcomed.

    Kind regards
    James

     

    Amir Rather Support Team

    Hi There

    Please try the below CSS to see if it helps?

    body .trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-2 .main-navigation-ul > li.menu-item > a.menu-item-link:hover {
    color: red !important;
    }

    James Stone

    Hi Amir,

    Perfect!  That worked!

    Many thanks for your quick response.

    Kind regards

    James

    Amir Rather Support Team

    You’re most welcome 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
You must be logged in to reply to this topic. Login