WordPress.org

1. jamesb4551
   Member
   Posted 1 year 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?

   Thanks
   J

2. esmi
   Theme Diva & Forum Moderator
   Posted 1 year ago #
   

   Start by sorting out the CSS errors.
   http://codex.wordpress.org/Validating_a_Website

3. Peter vanDoorn
   Member
   Posted 1 year 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

   Peter

4. jamesb4551
   Member
   Posted 1 year 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.

   Cheers
   james

Topic Closed

This topic has been closed to new replies.