Help! a jumping menu, no CSS will target it! (4 posts)

  1. jamesb4551
    Posted 5 years ago #

    This is a CSS query rather than a wordpress query lately.
    I have built this site http://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?


  2. esmi
    Forum Moderator
    Posted 5 years ago #

  3. Peter Hardy-vanDoorn
    Posted 5 years ago #

    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


  4. jamesb4551
    Posted 5 years ago #

    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.


Topic Closed

This topic has been closed to new replies.

About this Topic