Change the "visited" css of menu toggle

  • Unknown's avatar
    dafyddmckimm · Member ·

    Hello,

    I’m having trouble changing the “visited” css for my menu toggle.

    Currently the css I have for my navigation menu is this:

    .site-navigation-toggle {
    color: white;
    background: rgba(0,0,0,0.7);
    }

    .hover .site-navigation-toggle:hover {
    color: white;
    background: rgba(0,0,0,0.7);
    }

    but I’d like to add some css so that after the menu link has been visited, it basically stays the same as if it were un-visited. I assumed that this would change it:

    .visited .site-navigation-toggle:visited {
    color: white;
    background: rgba(0,0,0,0.7);
    }

    but that’s not working, so I’m stuck!

    Any help would be much appreciated!

    Thanks in advance!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    shubhamgmath · Member ·

    Hi @dafyddmckimm

    Can you please try with the code given below.
    If we will use active button you will see the button same even after you click on it and come back
    // code-to-be-added

    .site-navigation-toggle:active {
    color: white;
    background-color: rgba(0,0,0,0.7);
    }

  • Unknown's avatar
    dafyddmckimm · Member ·

    Hi @shubhamgmath,

    That still didn’t do it, unfortunately. Though I did manage to get it to work in the end by changing .site-navigation-toggle in my original code to #site-navigation-toggle. No idea why this worked, though . . .

  • Unknown's avatar
    dafyddmckimm · Member ·

    (Thanks for the help anyway!)

  • The topic ‘Change the "visited" css of menu toggle’ is closed to new replies.