menu on separate lines

• 

  roshanroberts · Member · Apr 4, 2017 at 11:07 am

  • Copy link
  • Add topic to favorites

  The menu is not appearing on the same line it has one by itself on the line below – how can this be fixed please

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

• 

  dave2swords · Member · Apr 4, 2017 at 12:22 pm

  • Copy link

  Hi there!
  Some general good how to use your theme, including the menus is found here.

  https://en.support.wordpress.com/menus/2/#menu-item-settings talks about changing the settings in your menu.

  Hope that helps!
  dave

• 

  thesacredpath · Member · Apr 6, 2017 at 9:04 pm

  • Copy link

  Hi @roshanroberts, add the following to the bottom of your custom CSS.

  @media screen and (min-width: 1230px) {
  	.navigation-default .primary-navigation .menu-primary > ul > li {
  		width: 230px;
  		margin-right: 30px;
  	}
  	.primary-navigation .menu-primary > ul > li:nth-of-type(3n+1) {
  		clear: none;
  	}
  }
  @media screen and (min-width: 1020px) {
  	.navigation-default .primary-navigation .menu-primary > ul > li {
  		width: 200px;
  		margin-right: 30px;
  	}
  	.primary-navigation .menu-primary > ul > li:nth-of-type(3n+1) {
  		clear: none;
  	}
  }