title: Dropdown Menu hidden under Footer
body: <p>Can someone help me in resolving this issue?</p>
  
  <p>There are 100s of product categories on this website. As per requirement, I have to list most of them in the header as a dropdown menu. On the large pages, there is no issue as all of the menu items are visible. But on small pages e.g. <a href="http://digitalstore.pk/contact.html" rel="nofollow noreferrer">Contact Page</a>, large submenu items are hidden behind the footer. Same can be seen in the screenshot:</p>
  
  <p><img src="https://i.stack.imgur.com/lvLq9.png" alt="Screenshot - Large dropdown menu hidden behind footer"></p>
  
  <p>I have already tried high z-index value (z-index: 1000000;) but still unable to fix this issue.</p>