Support » Fixing WordPress » Dropdown menu appears below other stuff (please help me with this code)

  • Resolved MikePaulus


    I’ve searched through the other threads related to this issue, and I keep hitting a dead end.

    Basically, my header’s dropdown menu’s *background color/box/thing* appears below other stuff on screen while the text stays on top.

    This is not a link to my site, but a preview of the theme I’m using (actual site is unavailable):

    Notice he dropdowns in the header. On my install, the black box behind the text in the child categories appears behind the other elements on screen, while the text stays on top.

    Here is the code for the header:

    <body <?php body_class(); ?>>
        <div id="top_bar">
        	<div class="margin25px">
                <ul class="sf-menu">
                         <?php wp_list_pages('title_li=&exclude=2,17,5'); ?>
                         <!-- <?php wp_list_categories('show_count=0&title_li='); ?> -->

    As you can see, I swapped out categories for pages and excluded some pages. But if I revert back to the code’s original state, same problem.

    Any thoughts? Help would be much appreciated!


Viewing 3 replies - 1 through 3 (of 3 total)
  • Since I can’t get to your site, this is only a guess. I suspect it has to do with the z-index of items in your CSS file.

    There is a tutorial on layers and z-index here.

    Thanks for the tutorial link!

    However, I’m not sure where/how exactly to insert to some z-index code into the code above and have it affect the menu — my theme’s code doesn’t look like the code I’ve seen in tutorials and other forums. (Kind of new at this, obviously.)


    Thanks again!

    The z-index values are in the CSS file, most likely style.css in your theme’s folder.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Dropdown menu appears below other stuff (please help me with this code)’ is closed to new replies.