Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

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
216,149 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

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