Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Jonmarc Stevens
Jonmarc Stevens
6,414 Points
Posted by Jonmarc Stevens
Jonmarc Stevens
6,414 Points

Menu Width Issue

Hey everyone,

I'm working on a project for my company with the hamburger menu. We've come across a small issue in which our customers would like to have 30 characters within the menu navigation; the width of the menu navigation is short. Due to it's short size, the text within the menu has a character limit of 10 characters. We can't increase the width size of the menu to display all of the characters, so I'm wondering what else we could use to symbolize each text other than using icons/images within each section. Anyone have any suggestions?

1 Answer

Steven Parker
Steven Parker
228,095 Points
Steven Parker
Steven Parker
228,095 Points

Icons, Abbreviations, or a much smaller font.

Those are the only things that immediately come to mind. Another idea might be to have the full text in the normal font appear as a tooltip or somewhere else on the page when you mouse over the icon, abbreviation, or tiny text.

Jonmarc Stevens
Jonmarc Stevens
6,414 Points
Jonmarc Stevens
Jonmarc Stevens
6,414 Points

Thank you Steven, I think that may work out better. Using abbreviations (possibly with an icon) may workout.