<header> blocks mega menu

Took me ages to figure out why a mega menu wouldn’t appear below the header. Turns out the tag was stopping it. So, I can’t use a header tag if I want a menu under eh!?

#fw-tier1, .full-width, #fw-tier1 img, .gridContainer, #fw-top, #top-menu-c, header{
display:block;
overflow:visible !important;
position:relative !important;
z-index:0 !important;	
}

div#fw-tier1.full-width{
position:relative !important;
z-index:0 !important;	
}

#priv-mm-c{
display:block;
position:absolute;
top:0;
right:0;
width:600px;
margin:60px 0 0 0;
height:600px;
background:#fff;
z-index:11 !important;
border:1px solid #D91C1F;
}
<header>
  <div id="fw-top" class="full-width">
   <div class="gridContainer">
   <div id="logo-c"><img src="images/logo8.png" alt="Logo"/></div>

    <div id="top-menu-c">
      <div id="abt-us" class="top-menu-link">About Us</div>
      <div id="privacy" class="top-menu-link">Privacy </div>
    </div><!--end top menu c-->
      
   </div><!--end grid-->
  </div><!--end fw-top-->
    <div id="priv-mm-c" class="mm"></div>
</header>  
  
  
  <div id="fw-tier1" class="full-width">
   <div class="gridContainer">
    <!--<div id="main-msg-c">
     Message ...
    </div>-->
   </div><!--end grid-->
  </div><!--end tier1--

hmm no…I don’t know what it is thats stopping a menu show :frowning:

Could you please explain what it is that you are asking, @pr0c3ss? When you edit your original post to delete the question, and replace it with a “Never mind, I fixed it” post, you make the thread totally meaningless to others.

It seems like you are still having problems, so could you post some code for us to see and some details as to exactly what the problem is?

Have you been asked before not to change your posts so they are no longer useful to members?

Sorry guys, net cut out so just managed to get back on. Don’t think I have been told not to edit posts so they are no longer useful. That wasn’t the intention believe me.

I posted a problem I was having when it came to absolute positioning of an element with z-index. It appeared that the z-index was not applying and the element was partly out of view (half in header and half out). Though I fixed it now, I still can’t tell you what the problem was! I simply went back through all position:relative elements that could affect the absolute positioned element and started afresh. So anyway, seems it must have been the positioning of one element that screwed things up.

2 Likes

Process to follow when using any forum:

  1. Search to see if anyone else has already asked the same or a similar question where an answer has already been provided. If so then you have an answer.
  2. If no one has posted the question before then post it and wait for answers.
  3. If you solve it yourself without someone else posting the solution then post how you solved it so that the next person carrying out step one will have their answer.
4 Likes

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.