Center Menu

• 

  margaritacv10 · Member · Feb 16, 2017 at 5:48 pm

  • Copy link
  • Add topic to favorites

  Can i center the menu on the Rosalie theme?

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

• 

  thesacredpath · Member · Feb 17, 2017 at 6:03 am

  • Copy link

  Hi there, the problem with trying to center the main menu is that it shares the header space with the social menu, which means if we center it in the main navigation div, it isn’t going to be truly centered, it will be off center to the left by the width of the social menu div. With the social menu active at top right, this is about the best we can do.

  @media screen and (min-width: 992px) {
  	.navbar .main-navigation ul {
  		text-align: center !important;
  	}
  	.navbar .menu-rtl {
  		width: 85%;
  	}
  	.navbar .social-rtl {
  		width: 15%;
  		text-align: right;
  		right: 0 !important;
  	}
  }

  Since you have social icons below your logo and tagline, if you deactivate the social menu at top right, we can then better center the menu for you.