• 0
Sign in to follow this  
Followers 0

Nav bar dimension

Question

Posted · Report post

Hi folks I need to add a new page to the site located here http://www.belmonthousestud.com/ This is not problem, however when I add the name of the page to the nab bar it wraps onto a new line. How can modify the dimension of the nav bar to get a few more pixels? Thanks Keith

Share this post


Link to post
Share on other sites

5 answers to this question

  • 0

Posted · Report post

Keith, This new page you want to add to the menu, is it secondary to any current menu item? I notice that you are not using a hierarchy for the menu. In the menu setup, if you add the page and move it under an existing applicable menu item and then shift it to the right a bit, it will appear as a drop down and you won't have to worry about the total width of the main menu. If this doesn't work for you, let me know and I'll get one of our more proficient CSS colleagues to intervene.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks for the suggestion, but for this instance it won't work. I'm trying to add jigoshop, so need a number of pages which i intend to put as secondary (cart, account, order tracking etc...). The main button will be shop (works fine on eng and de versions but not on fr) and all the associated pages will be children of this.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I believe you can edit the width of the individual menu items so that decreases that width of the nav bar overall. Is that what you want to do?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

That would be fine. The problem only exists on one of the language options, but can't shorten the wording any more than I have. I guess I only need 10-20px!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Keith. Try adding this line of code to your custom CSS, adjusting the size as needed.

	#primary-nav ul.main-nav {
	    	width: 810px !important;
	}
	

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0