Site logo

Archived topic

My menu jumps? Odd question

3 replies · Started by carlmumford on February 14, 2017

Viewing posts 1–4 of 4

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

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;
}

Just about to say I found padding on active.

That's solved the issue, thanks! :)

You're welcome :)

This archived topic is closed to new replies.