Navigation
Archive / .navbar menu links retain hover color after visit on one page site
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 8, 2016 at 6:06 pm #873462

    lzl
    Participant

    Hi,

    What custom css can I add to stop menu links retaining hover color on this one page site http://www.connectnet.co.nz

    current css below:

    thanks.

    .x-navbar .desktop .x-nav > li > a > span {
    box-shadow: none !important;
    }
    .x-navbar .sub-menu a {
    right: 45%;
    left: 5%;
    font-size: 1.5rem;
    color: #FFFFFF; font-weight: bold;
    }
    .x-navbar .menu a:link, .x-navbar .menu a:visited {
    color #ffffff;
    text-align: center;
    text-decoration: none;
    }

    April 9, 2016 at 5:21 am #873957

    Thai
    Moderator

    Hi There,

    Please try with this CSS:

    body .x-navbar .desktop .x-nav>li>a:hover {
    color: #fff;
}

    Hope it helps 🙂

    April 9, 2016 at 6:51 pm #874592

    lzl
    Participant

    Thanks for the suggestion – however problem still remains

    April 10, 2016 at 5:22 am #875023

    Christopher
    Moderator

    Hi there,

    Please use relative URL in one page navigation, e.g : #x-content-band-2.
    Enable one page navigation for this specific page.

    Hope it helps.

    April 10, 2016 at 2:53 pm #875503

    lzl
    Participant

    Hi,

    Thanks – I was using one page navigation with the content band but with the site url prefixed.
    The problem is now solved by creating a sub menu for the external pages which has the site url and removing the url from the primary menu.

    Will be a bit more to maintain but works fine.

    Thanks for your suggestions.

    April 11, 2016 at 1:33 am #875990

    Christopher
    Moderator

    You’re welcome.

  • Author
    Posts