Move menu margin left, closer to logo to ensure menu is in 1 line

• 

  thelocomotiveco · Member · Mar 25, 2017 at 12:40 pm

  • Copy link
  • Add topic to favorites

  Hi, I have 2 questions:
  Im using Karuna theme
  1. How can i change the menu font and site body text to another font that is not on the font customization drop down ?
  2. Am i able to shift the whole menu margin to the left so that the menu links are closer to the logo? This is so that when i add new links to the menu, it doesnt form 2 lines. I want them to stay within 1 line.

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

• 

  thesacredpath · Member · Mar 28, 2017 at 4:38 am

  • Copy link

  Hi there,

  1. How can i change the menu font and site body text to another font that is not on the font customization drop down ?

  We cannot use custom fonts other than those at Customize > Fonts and those that would be installed by default on all computer systems.

  2. Am i able to shift the whole menu margin to the left so that the menu links are closer to the logo? This is so that when i add new links to the menu, it doesnt form 2 lines. I want them to stay within 1 line.

  This is a challenging one. This is about the best I can do. It widens the max-width of the site branding wrapper, reduces some padding and sets a max width for your logo. Still, at about 920px, the menu goes to two lines, but in the original design it goes to two lines at around 1100px in width.

  @media screen and (min-width: 768px) {
  	.site-branding-wrapper {
  		max-width: 1400px;
  		padding-right: 20px;
  		padding-left: 20px
  	}
  	.site-branding {
  		max-width: 300px;
  		min-width: auto;
  		margin-right: 0;
  		padding-bottom: 0;
  	}
  	.main-navigation {
  		margin-left: 0;
  	}
  	.main-navigation a {
  		padding-left: 20px
  	}
  }