Full menu not showing on mobile device

• 

  moralistene · Member · Mar 27, 2017 at 1:13 pm

  • Copy link
  • Add topic to favorites

  Hello!
  With good help from this forum I have centered the menu and made some changes to its height using css. It looks good on desktop screens, but doesn´t work properly on mobile devices. It seems like the menu choices are hiding behind the content. I dont´t know if this is because of the css changes I have made, but maybe? Is there a way to make the entire menu show on the mobile screens? I will be very grateful for help with this issue, please.

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

• 

  thesacredpath · Member · Mar 28, 2017 at 6:11 am

  • Copy link

  Hi, add the following to the bottom of your custom CSS. I’ve included a background color for the nav area after it goes to the touch device menu at 1000px and narrower since I could not see your menu items very well. See what you think and let me know.

  @media screen and (max-width: 1000px) {
  	.navigation.section {
  		z-index: 1;
  	}
  	.main-navigation .menu {
  		background: rgba(255, 255, 255, 0.7);
  	}
  }

• 

  moralistene · Member · Mar 28, 2017 at 7:11 am

  • Copy link

  Fantastic – I think that works perfectly! Thank you so much :)

• 

  thesacredpath · Member · Mar 28, 2017 at 4:51 pm

  • Copy link

  Hooray and you are welcome!