WordPress.org

1. ucsdchris
   Member
   Posted 1 year ago #

   Hi-

   I am trying to fix the hover feature on the submenu.
   On this blog:
   http://breakernyc.com/blog/

   Where it says "Interviews" there is a drop down menu that appears as you mouse over the word. In IE the drop down menu works fine. In Chrome, and Safari...the drop down menu disappears too easily. If you mouse down too low...the menu will disappear when it shouldn't.

   Thank you so much in advance!!

2. Izvarinskij
   Member
   Posted 1 year ago #

   Add z-index:100 to #pagemenudiv li > ul (and I suggest to replace position:relative with absolute).

3. ucsdchris
   Member
   Posted 1 year ago #

   Thank you so much!!! Huge savior.

   Thanks for that tip on changing relative to absolute....If you have a minute could you let me know why? I had better luck placing it using relative...absolute seemed to move around as I changed the screen size.

4. Izvarinskij
   Member
   Posted 1 year ago #

   if you use relative, it might move blocks beneath it. Elements with position:absolute removed from «flow» (they can cross other blocks easily, without moving them).

   If you use position:absolite, you also need to add position:relative to #pagemenudiv ul li, so menu will be positioned relatively to it, not body tag.

Topic Closed

This topic has been closed to new replies.