CSS Code: Centre header menu and re-size menu text

• 

  marysutherland · Member · Jun 16, 2015 at 5:50 am

  • Copy link
  • Add topic to favorites

  Hi,

  I would like to centre my header menu and also make the text larger on the header and footer menu. Does anyone know how to do this through the custom CSS?

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

• 

  darrellschulte · Member · Jun 16, 2015 at 9:04 pm

  • Copy link

  Hello Mary,

  Experiment with this Custom CSS. Have fun.

  ul.main-menu.clearfix {
      font-size: 25px;
  }
  
  div.section-inner.row.clearfix.two-column {
      font-size: 20px;
  }

• 

  staff-totoro · Staff · Jun 18, 2015 at 1:04 am

  • Copy link

  That code looks good @daschultemn.

  @marysutherland were you able to get your menus centered?

• 

  marysutherland · Member · Jun 19, 2015 at 4:13 am

  • Copy link

  Hi staff-totoro,

  Unfortunately I have not had any luck with centering the header menu.

• 

  kathrynwp · Staff · Jun 19, 2015 at 7:39 pm

  • Copy link

  I found the answer in this other thread:

  .nav-wrap nav {
  	text-align: center;
  }
  .nav-wrap nav ul {
  	display: inline-block;
  }

  Let me know if that does the trick!

• 

  marysutherland · Member · Jun 22, 2015 at 8:04 am

  • Copy link

  Thanks :) Everything has worked.

• 

  kathrynwp · Staff · Jun 22, 2015 at 5:08 pm

  • Copy link

  Great, glad you’re set.