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 https://www.taskpr.com/
    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?

    Thanks
    J

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

  • Start by sorting out the CSS errors.
    https://codex.www.ads-software.com/Validating_a_Website

    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

    Peter

    Thread Starter jamesb4551

    (@jamesb4551)

    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.

    Cheers
    james

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.