Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    Regular Coder
    Join Date
    Aug 2009
    Posts
    401
    Thanks
    118
    Thanked 0 Times in 0 Posts

    jumpy dropdown menu

    on this page, when you hover over the "Products" link in the top-most navigation bar, you'll notice the drop-down menu is a little jumpy when you try and click on any of the items. Moving the mouse over the drop-down menu tends to make it disappear and it takes a couple attempts to get the menu to stay.

    how do i get the drop-down to be easier to click on?

    please advise. thanks in advance.

  • #2
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    take out the top: 38px;

    Code:
    top: 0;
    padding-top: 38px;
    ____
    |____|
    38px space of "content" which is not part of the drop down menu, if use used top: 38px; therefore you are hovering over the content
    ____
    |____|
    Last edited by Sammy12; 07-03-2011 at 06:59 PM.

  • #3
    Regular Coder
    Join Date
    Aug 2009
    Posts
    401
    Thanks
    118
    Thanked 0 Times in 0 Posts
    i changed it to top:0 but that creates a problem, as you can see now, if you hover over Products, the dropdown appears over Products and not below it where it should be.

    please advise.

  • #4
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    this is not what you wanted?

  • #5
    Regular Coder
    Join Date
    Aug 2009
    Posts
    401
    Thanks
    118
    Thanked 0 Times in 0 Posts
    well yes, that's how i want it to appear, but it's still very jumpy and so the original problem is not solved when I view it in Chrome . it should be a smooth hover when you move the mouse down from Product into the menu but the menu disappears.

    and now there's a second problem. if you look at it in firefox, the menu appears over the Product heading. see attachment.

    please advise.
    Attached Thumbnails Attached Thumbnails jumpy dropdown menu-asdf.jpg  
    Last edited by sixrfan; 07-03-2011 at 08:01 PM. Reason: asdf

  • #6
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    try changing it to top: 33-34px (height of "product"), then setting a padding of 3-4px to achieve the space.

  • Users who have thanked Sammy12 for this post:

    sixrfan (07-03-2011)

  • #7
    Regular Coder
    Join Date
    Aug 2009
    Posts
    401
    Thanks
    118
    Thanked 0 Times in 0 Posts
    that worked. thank you!


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •