How do I make the menu be centered?

• 

  marcelopsouza · Member · Dec 17, 2016 at 12:20 am

  • Copy link
  • Add topic to favorites

  The menu on Business Identity is justified to the right. I would like to have it centered under the title (and the title centered as well)

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

• 

  raiprasant · Member · Dec 17, 2016 at 4:43 am

  • Copy link

  Hey There,

  You can use following CSS to center align navigation:

  nav#site-navigation {
      width: 100%;
      margin: 0 auto;
      text-align: center;
      display: block;
  }

  Thanks.

• 

  marcelopsouza · Member · Dec 17, 2016 at 5:07 am

  • Copy link

  Thank you, but how do I make the title centered as well? I tried to paste

  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: block;

  under

  .site-title span {
  font-size: 38px;
  }

  and it didn’t work.

• 

  raiprasant · Member · Dec 17, 2016 at 5:26 am

  • Copy link

  Please use following code to center align title:

  .site-branding {
      display: block !important;
      text-align: center !important;
      float: none !important;
  }
  
  h1.site-title {
      text-align: center;
      float: none !important;
  }

  Thanks.

• 

  marcelopsouza · Member · Dec 17, 2016 at 5:29 am

  • Copy link

  Awesome! Thank you.

• 

  marcelopsouza · Member · Dec 17, 2016 at 6:50 pm

  • Copy link

  I noticed that now the mobile version of the site has the side menu appearing and it doesn’t go away. It covers half of the page. I wonder if the css made that happen.

• 

  thesacredpath · Member · Dec 20, 2016 at 11:04 pm

  • Copy link

  Hi @, the menu code in your 600px media query is what is causing the issue. The menu changes to the touch device menu at 799px and narrower, so let’s pull that out of the 600 query and put it into an 800px query like this.

  @media screen and (min-width: 800px) {
  		nav#site-navigation {
  		width:100%;
  		margin:0 auto;
  		text-align:center;
  		display:block
  	}
  }

• 

  marcelopsouza · Member · Dec 21, 2016 at 12:36 am

  • Copy link

  Thank you!

• 

  thesacredpath · Member · Dec 21, 2016 at 5:48 am

  • Copy link

  You are welcome.