Optimize Menus To Fit Available Space

August 18, 2015

I’ve been contacted by a few clients for Web sites recently that would like my help in making their sites better. In several cases, the menu at the top of the site suffered from having too many choices at the top level. One of the examples is shown below and I’ve covered up the name of the client as I don’t want to upset them or the company that originally designed the site.

two-line-menu

There are a total of eight items on the top level of the menu and five of those items drop down to reveal other choices. What I really don’t like is that the menu wraps to two lines. My goal would be to move some of the items onto a drop-down menu and eliminate extra words. For example, having “The” in front of the client name isn’t really necessary.

On the About Us drop-down menu is “Contact Us” so I don’t think having Contact as a separate top-level menu item is required. Plus there are numerous other items on the pages that allow someone to contact them. I found out later that “Communities” lists all the different blogs available. Before that, I had no idea it was talking about blogs. So I’d rename Communities to Blogs and that shortens the word a bit.

Career Services and Consumer Information have no drop-down menu. Could then be placed under another top-level item? If nothing else, shorten the word “Information” to “Info” and a few more characters are saved.

Once I had the menu fitting nicely on one line in a desktop Web browser, I’d look at the site on a phone and a tablet to make sure it looks good on those devices. These days you can’t optimize a site for only one viewing platform and mobile is becoming more and more important.

So whether it is your own Web site or something where you are working with a client, see if you can shorten the menus a bit. Maybe you aren’t even working on a Web site. You can still use this advice to try and eliminate text that isn’t needed in the project.

Post Discussion

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

You May Also Like…

Business Improvement 2020

Boosting Your Business in the New Year and New Decade

How did you promote your business when 2010 rolled over on the calendar? Did you even have a business ten years ago? Maybe you were part of a different business. The same questions could be asked about where things stood even a year ago. Let's...

Read More

Seamless Textures Unleashed

Seamless Textures Unleashed Now on Facebook

Over the years, we've had a number of Web sites in different areas that were all managed on the Graphics Unleashed Facebook page. Two months ago we rolled out a separate Facebook page for Vehicle Templates Unleashed. Now we have created a...

Read More

Tech Disasters

Week of Tech Disasters and Solutions

The local weather was spectacular a couple of weeks ago and I wanted to take a day off to have some fun. So I planned a day of scuba diving that Friday to end the week on a high note. The diving went well, but the day before was the beginning of...

Read More

Foster D. Coburn III

Foster D. Coburn III built his first Web site in 1995 and he has been working exclusively in WordPress since 2013. He has used the Divi theme exclusively since 2015. Earlier in his career he was the author of 13 best-selling books on CorelDRAW and has been a contributor to numerous technology and graphics-related magazines. Foster has taken many projects, including this Web site, from the early design stage through to a finished piece. He has been a featured speaker at many graphics conferences.

Recent Posts

Web Design Blog

Pro WordPress Help

Graphics Unleashed Donations

$
Personal Info

Donation Total: $5