WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Dropdown menu appears below other stuff (please help me with this code) (4 posts)

  1. MikePaulus
    Member
    Posted 4 years ago #

    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):

    http://www.topnotchwp.com/liquid-magazine/

    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='); ?> -->
    
                </ul>

    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!

    -Mike

  2. vtxyzzy
    Member
    Posted 4 years ago #

    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.

  3. MikePaulus
    Member
    Posted 4 years ago #

    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.)

    Thoughts?

    Thanks again!

  4. vtxyzzy
    Member
    Posted 4 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic