ThemeShaper Forums » Thematic


Please help with a menu z-index issue

(8 posts)
  • Started 10 years ago by robYardman
  • Latest reply from robYardman
  • This topic is not resolved


  1. I haven't ever had this problem but my top menu (access) is dropping down below my other header layers. Z-index isn't working. Typically I can give the access div a lower layer and it works. With this website it's not. is the website.

    Thanks for your help (in advance).

    Posted 10 years ago #
  2. It would be helpful if you could set up another page as a child to get the drop down on the access menu to show. Once upon a time I couldn't figure out why my access menu had stopped working, it was because I had no child page which would invoke the drop down.

    Once set up, I can take a look at the z-index issue. :)

    Posted 10 years ago #
  3. I'll apologize cause I actually posted the wrong link.

    Posted 10 years ago #
  4. drop-downs seem to work just fine for me.. not hidden in IE, Chrome or FF.

    Posted 10 years ago #

    Better example. If you go to the about page and hover over the about menu link the dropdown is behind the header-content-area layer.

    Posted 10 years ago #
  6. Goran

    It can't work with the current setup.

    You've set #header-content-wrapper out of the #header. And since they overlap, you of course want the #header-content-wrapper to be over the #header. So you set z-index to 10 and 2 respectively. And that's ok.

    But since is child of #header, you can set it's z-index to 1000000 if you want, it will still go under #header-content-wrapper, because its z-index is larger than that of #header.

    Parent-child relationship and their position in the DOM play a part also. And so to save yourself the headache, just recode it so that #header-content-wrapper goes under

    Posted 10 years ago #
  7. Ok cool. SO, place the header content wrapper (etc.) to thematic_belowheader?

    Posted 10 years ago #
  8. Resolved. I added the widget content area to thematic_header.

    //Add Heading Area To Header
    function pageheading() {
    	if (is_page()) { ?>
    		    <div id="header-content-area">
    			<?php if ( !function_exists('dynamic_sidebar')
    				|| !dynamic_sidebar("Header Content") ) : ?>
    			<?php endif; ?>
    	<?php } else {
    			return ('');
    	<?php }
    add_action('thematic_header','pageheading', 8);
    //Add widget for heading area top menu
    if ( function_exists('register_sidebar') )
    	'name' => 'Header Content', ));
    Posted 10 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.