Support » Themes and Templates » Help! a jumping menu, no CSS will target it!

  • This is a CSS query rather than a wordpress query lately.
    I have built this site
    It works fine, though in firefox, the navigation at the top has 1 teeny bug.
    When clicking on any nav the li item jumps down 1px in it’s active state once the click is released? How the hell do I fix this? I have tried targeting everything’s active state and bordering/margining everything to 0 or none but nothing will stop it from jumping.
    Safari/Goodle Chrome are fine but why this jump in firefox?

    Any CSS gods know a solution out there?


Viewing 3 replies - 1 through 3 (of 3 total)
  • esmi


    Forum Moderator

    I’d start by clearing out all of the junk that you’re trying to use to solve the problem. Then get rid of all of those li+li+li lines. You only need one li definition for the whole lot – if you want to target each li’s colour then you can do that with the .page-item-xxx classes. Much simpler. You might then stand a chance of understanding what’s going wrong.

    I do agree that it’s a little odd though. A quick glance and I can’t easily work out what’s going on. Maybe once you’ve cleaned it back to the basics we can have another look!

    Hope that helps


    Thanks for the comments guys, and yes indeed there is a bit of junk in the CSS, kind of a rushed patch job I had to do for a client as it needed to be done in a very small time frame.
    I’ll look to clean up the CSS and see if I can resolve the issue. But I think I’ve tried everything in targeting it I can possibly think of.


Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Help! a jumping menu, no CSS will target it!’ is closed to new replies.