• 0
Sign in to follow this  
Followers 0

How do I made my Navigation land all on one line?

Question

Posted · Report post

My Navigation bar is split in a very unappealing way into two lines. I would like it to be one line. How do I accomplish this task? Thank you in advance for any help you can provide. My website is www.wicklessscentsation.com

Share this post


Link to post
Share on other sites

6 answers to this question

  • 0

Posted · Report post

You have two choices: 1. Select a narrower font (but this isn't the best choice) 2. Reduce the words and use sub-nav, where the menus drop down related choices. Long phrases, such as "My Team Resources" make perfect sense, but they push the next menu items to the point where they wrap. Thus the solution is to reduce the phrases to one word, allowing the menu to appear on one line. Note: the sub-nav items are normally wider, so you can put the phrases in there with no problems.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Your observations make sense. However, I tried making my primary menus shorter so that they would all fit. It would require that I abbreviate everything which I am not willing to do. I see page samples in the "Pagelines Showcase" that have longer and more menu options than me all on one line. How do I adjust the space between menu options? Also, where would I go to change the font and/or font size as you suggested?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Do you have Firebug for Firefox? That lets you inspect each element and shows the relevant CSS, which you can then test and later add to your CSS Rules. You can widen your site's layout, but it's on one line now. Looks much better.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

This might help: [code]ul.sf-menu li a { padding: 10px; }[/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thank you that worked beautifully. Now I just have a few more tweaks to figure out on the nav bar. Can you tell me how I change the order and the font for my navigation options? I looked through the options in Wordpress-Pagelines-Topography and none of them relate to the menu options. I can't find anything that looks like it manages the order of pages in the nav. Again, thank you so much for your quick and useful answers. You have made my day.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Can you open a new topic on those other issues as the issue you opened is now resolved.

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