Center Custom Menu CSS

• 

  madelinemade · Member · Feb 20, 2015 at 7:34 pm

  • Copy link
  • Add topic to favorites

  I am trying to center my custom menu below my header in the CSS Editor so that it is centered under my header. Any idea what this CSS would be?

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

• 

  thelilg · Member · Feb 20, 2015 at 11:44 pm

  • Copy link

  Hi, :)
  K, so try this:

  .menu-custom-menu-mm-container {
      text-align: center;
  }
  .menu-custom-menu-mm-container ul {
      display: inline-table;
  }
  .menu-custom-menu-mm-container ul li {
      display: inline;
  }

  Basically the top div of the menu needs to have the Text-Align and the UL needs to have the inline-table and the LI needs to have the display:inline option. Make sense? Did it work?

  I was able to reproduce it in the DOM. LMK> cheers. g.

• 

  madelinemade · Member · Feb 21, 2015 at 2:18 am

  • Copy link

  yes thank you so much, thelilg! works perfectly.

• 

  thelilg · Member · Feb 21, 2015 at 2:26 am

  • Copy link

  You are welcome. :)