WordPress.org

1. skins31
   Member
   Posted 2 years ago #
   

   Hi - using theme twentyten (weaver) and my menu drop down menu has become hidden under the main page content, but only on non-index pages.

   Any ideas very much appreciated

   S

2. Rev. Voodoo
   Volunteer Moderator
   Posted 2 years ago #
   

   you may need to add a z-index value in the css for the menu

   http://www.w3schools.com/css/pr_pos_z-index.asp

3. skins31
   Member
   Posted 2 years ago #
   

   just tried that, no luck

   is it possible that the menu js is the problem?

4. Mark / t31os
   Moderator
   Posted 2 years ago #
   

   http://www.w3schools.com/Css/pr_pos_z-index.asp

   Note: z-index only works on positioned elements (position:absolute, position:relative, or position:fixed).

   You need to set the position for the element in order for the z-index to work... ;)

5. Rev. Voodoo
   Volunteer Moderator
   Posted 2 years ago #
   

   when I had the same issue with a dropdown menu, applying a z-index to the menu didn't work..... but when I wrapped the menu in another div and applied to that it worked. So for instance:
   

   <div id="navMenuWrap">
   existing menu code
   </div>

   then in the css I just added
   

   #navMenuWrap {
        position: relative;
        z-index: 999;
        }

   And that worked

6. skins31
   Member
   Posted 2 years ago #
   

   no luck again...i'll keep trying

7. skins31
   Member
   Posted 2 years ago #
   

   does each element of the menu bar #access (i.e. the drop down parts) have to be set to a particualr z-index as well as #access itself??

8. skins31
   Member
   Posted 2 years ago #
   

   SOLVED! REMOVED "OVERFLOW:HIDDEN" FROM #BRANDING

   thanks for the help

9. mgdmedia
   Member
   Posted 2 years ago #
   

   I'm experiencing the hidden menu problem with V1.7
   Works fine with all browsers except Explorer.
   View here>> http://careernotes.ca

   Any help available?

10. mgdmedia
    Member
    Posted 2 years ago #
    

    Figured it out

    #access {position: absolute; z-index: 99999;}

    but had to change space after header to 50px otherwise the menu overlapped the content.

Topic Closed

This topic has been closed to new replies.