Mobile menu/navigation text-align

• 

  chriswilson667 · Member · Jun 3, 2015 at 3:36 pm

  • Copy link
  • Add topic to favorites

  Using the Organization Theme, I am trying to get the mobile menu to align left. The code below looks like it should work but I am not having any luck. Any ideas?

  @media screen and (max-width: 800px) {
  	.menu a {
  	text-align: left !important;
  }
  }

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

• 

  thesacredpath · Member · Jun 3, 2015 at 6:03 pm

  • Copy link

  The mobile touch menu has its own selectors so it can be styled separately from the normal main menu. Give the following a try.

  .mobile-menu li {
      text-align: left;
      padding-left: 20px;
  }

• 

  chriswilson667 · Member · Jun 3, 2015 at 7:40 pm

  • Copy link

  That did it. Thank you!

• 

  thesacredpath · Member · Jun 3, 2015 at 8:40 pm

  • Copy link

  Hooray! You are welcome.