Need to fix the menu so that at full screen it does not wrap

• 

  chrisrosenbloom · Member · Jul 9, 2015 at 8:07 pm

  • Copy link
  • Add topic to favorites

  How can I adjust my menu so that at full screen it does not wrap?

  Home

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

• 

  ehtis · Staff · Jul 9, 2015 at 9:22 pm

  • Copy link

  There you go:

  @media screen and (min-width: 1281px)
  .main-navigation {
    max-width: 100%;
  }

• 

  chrisrosenbloom · Member · Jul 10, 2015 at 2:49 pm

  • Copy link

  Thank you – but that didn’t work. https://chrisrosenbloom.wordpress.com/

• 

  ehtis · Staff · Jul 10, 2015 at 5:12 pm

  • Copy link

  Apologies, had a mistake in my opening/closing braces. Try it again:

  @media screen and (min-width: 1281px) {
  .main-navigation {
    max-width: 100%;
  }
  }

  If it’s still not working, give a try to this:

  .main-navigation {
    max-width: 100% !important;
  }

• 

  chrisrosenbloom · Member · Jul 11, 2015 at 5:07 am

  • Copy link

  That worked. Thanks so much!