Rosalie Theme – Centre Align Navigation

• 

  hanaelsheikh · Member · Oct 26, 2017 at 11:21 am

  • Copy link
  • Add topic to favorites

  Hi,

  I would like to center align the entire top navigation menu (keeping the social media where they are, or below the gray navigational menu (if possible)).

  Thank you.

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

• 

  jessestu · Member · Oct 26, 2017 at 7:57 pm

  • Copy link

  Hi @hanaelsheikh,

  Add this code to your Custom CSS and let me know how it looks to you. If you would like changes to it, let me know and I can try.

  @media screen and (min-width: 992px) {
  
  	/* Re-order */
  	.container-fluid > .row {
  		-ms-box-orient: horizontal;
  		display: -webkit-box;
  		display: -moz-box;
  		display: -ms-flexbox;
  		display: -moz-flex;
  		display: -webkit-flex;
  		display: flex;
  
  		-webkit-flex-flow: row wrap;
  		flex-flow: row wrap;
  	}
  
  	div.row > .col-lg-3 {
  		order: 2;
  	}
  	div.row > .col-lg-push-9 {
  		order: 1;
  		width: 100%;
  		text-align: center;
  	}
  
  	/* Nav Links */
  
  	.menu-rtl {
  		width: 100%;
  	}
  	.nav-menu {
  		text-align: center;
  	}
  	.col-xs-push-1 {
  		left: auto;
  	}
  	.col-lg-pull-3 {
  		width: 100%;
  		right: auto;
  	}
  
  	.navbar .jetpack-social-navigation {
  		padding-top: 0;
  	}
  }