Search code examples
htmlcssresponsive-designjquery-mobile-navbar

Responsive navi overlaps h1 and navi links on h1 isn't working

this is my first message! I can't find answer on my question on the webpage. I'm going to do responsive website but I have a problem with mobile navigation on the phone. The navi links overlaps h1 and links dont's react (does not work as it should). The z-index not helps here and the backgorund-color on mobile-navi looks bad and links still don't react. Give me an answer if you have some idea to fix it. My webpage: http://jakub-lawniczak.com/

Solution

  • set z-index to .main-nav This will fix your overlaping issue

    .main-nav {
  position:relative;
  z-index:9;
 }