Smaller menu button

• 

  mkthumain · Member · Mar 17, 2015 at 3:07 pm

  • Copy link
  • Add topic to favorites

  Hi there,
  I would like to make the menu buttons smaller. Anybody know how to do?
  Thanks
  ehab

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

• 

  mkthumain · Member · Mar 17, 2015 at 3:08 pm

  • Copy link

  To make it align in one line.

• 

  thesacredpath · Member · Mar 17, 2015 at 9:30 pm

  • Copy link

  Hi there, let’s give this a try. The one thing to keep in mind is that on narrower devices or browser windows, the menu is still going to break to two lines at some point. I’ve limited this change, using a media query, to screens/windows wider than 1020px because below that the touch menu activates and the title on your site goes awry. Also, some may have settings in their browser that are non-standard, and we have no control over that.

  @media screen and (min-width: 1020px) {
  .main-navigation {
      width: 68%;
  }
  .site-branding {
      width: 21%;
  }
  .main-navigation li {
      margin-right: 15px;
  }
  }

  Let me know how things go in your testing.

• 

  mkthumain · Member · Mar 18, 2015 at 10:59 am

  • Copy link

  Thank you a lot thesacredpath (my happiness engineer :)!
  It’s worked, Youpiiiiii
  Another question please, can we try to make the menu titles (Emotion-Expérience-etc.) smaller? It’s bigger then the main title “Marketing Humain l’humain avant le fric”
  Thanks again and I wish an excellent day

• 

  thesacredpath · Member · Mar 18, 2015 at 7:42 pm

  • Copy link

  You can reduce the size of the menu labels with the following. Adjust as desired.

  .menu-primary a {
      font-size: 90%;
  }

  You can also try this instead, which reduces the font size a bit (95%) and takes away the uppercase on the menu labels.

  .menu-primary a {
      font-size: 95%;
      text-transform: none;
  }

• 

  mkthumain · Member · Mar 18, 2015 at 8:00 pm

  • Copy link

  Thanks My Happiness Engineer! You rock man.

• 

  thesacredpath · Member · Mar 18, 2015 at 9:07 pm

  • Copy link

  You are welcome.