[Resolved] My menu jumps? Odd question

[carlmumford]

Hi guys, I love GeneratePress, I can see me using it a lot for my sites.

Visit

sam

*
divine
*
fan

dotcom

(Hopefully doesn’t get indexed well haha)

If you click on one of the menu items does it sort of jump as you click it? It expands? Is there some extra padding being applied there from somewhere on click?

Anyone replicate it and help me out? Thanks!

Keep up the good work.

Carl

[Tom]

You have this CSS:

.wolf-show-action a:hover, a:active {
    background-color: #7d72ad;
    padding: 10px;
    color: #fff;
}

That a:active is applying to every single link on the site, giving it 10px of extra padding.

I think your CSS should look like this:

.wolf-show-action a:hover, .wolf-show-action a:active {
    background-color: #7d72ad;
    padding: 10px;
    color: #fff;
}

[carlmumford]

Just about to say I found padding on active.

That’s solved the issue, thanks! 🙂

[Tom]

You’re welcome 🙂

[Author]

Posts