Move menu bar align with logo

• 

  twopresents · Member · Mar 8, 2017 at 2:57 pm

  • Copy link
  • Add topic to favorites

  Hi,
  Is it possible to move the menu bar next to the logo? Or any method to make logo and menu on the same line?
  I hope someone can help me.
  Thank you very much!

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

• 

  thesacredpath · Member · Mar 9, 2017 at 4:27 am

  • Copy link

  Although this can actually be done, at around 950px in window width, your menu stacks to two lines. You can try the following and see what you think.

  @media screen and (min-width: 768px) {
  	#masthead {
  		max-width: 300px;
  	}
  	.main-navigation-sticky-wrapper {
  		max-width: calc(100% - 300px);
  		position: relative;
  		right: 0;
  		top: -100px;
  		float: right;
  	}
  	.main-navigation {
  		border: none;
  	}
  }

• 

  twopresents · Member · Mar 9, 2017 at 9:15 pm

  • Copy link

  I just tried it, and it’s exactly what I want!! Super awesome!! Thank you very much thesacredpath, it’s such a big help from you :)

• 

  thesacredpath · Member · Mar 11, 2017 at 8:29 pm

  • Copy link

  Hooray and you are welcome!