Increase room for menu

• 

  blogpartyger · Member · Aug 18, 2014 at 3:19 pm

  • Copy link
  • Add topic to favorites

  I’d like to be able to increase the amount of space the menu has in order to stop it wrapping please.

  Can I do this with CSS?

  This is on the Basis theme.

  TIA

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

• 

  thesacredpath · Member · Aug 18, 2014 at 9:18 pm

  • Copy link

  Hi there, Basis is a responsive designed theme which adjusts to work on any screen size, clear down to smart phones. The max width of the menu is set at about 48% originally. The following sets it to 85% for browser window and/or screen widths greater than 800px by using a media query. At 799px, the menu changes to the minified menu for smaller tablets and devices and by limiting this change to 800px and wider, we don’t mess up that minified menu.

  @media screen and (min-width: 800px) {
  	#basis-header-nav {
  		max-width: 85%;
  	}
  }

  You can learn more about Responsive theme designs and Media Queries here: http://en.support.wordpress.com/custom-design/custom-css-media-queries/ .

• 

  blogpartyger · Member · Aug 19, 2014 at 6:38 am

  • Copy link

  Thank you that was absolutely perfect!

• 

  thesacredpath · Member · Aug 19, 2014 at 4:27 pm

  • Copy link

  You are welcome.