hamburger menu not working on mobile

• 

  gotmaester · Member · Dec 15, 2017 at 5:53 pm

  • Copy link
  • Add topic to favorites

  The hamburger menu stopped working on mobile. I believe it has something to do with the Z index and the .elementor webit box sizing adjustments.

  Can someone help me resolve this?

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Dec 18, 2017 at 9:23 pm

  • Copy link

  The following, in your max-width: 768px media query is what is causing the issue. It moves the content up and over the stuff in the header.

  .home .hentry:first-child {
  	margin-top: -145px;
  }

  Remove the above and add this to that media query instead.

  .elementor-element-4142cda3 {
  	display: none;
  }
  
  .elementor-element-0e9bff6 {
  	margin-top: 5%;
  }
  #primary {
  	position: relative;
  	z-index: -1;
  }

• 

  gotmaester · Member · Dec 18, 2017 at 10:51 pm

  • Copy link

  thanks. but now MORE PROBLEMS!!!!!! so frustrating…all because I don’t know what I am doing, and some of my attempts only make things worse.

  ISSUE: When I go to links (use white house) from the hamburger menu none of the links (featured image or read more) work.

• 

  thesacredpath · Member · Dec 19, 2017 at 8:33 pm

  • Copy link

  Remove this from your 788px media query.

  #primary {
  	position: relative;
  	z-index: -1;
  }