Drop Down Menu / Posts /

menu on two lines

Hello, thanks for this amazing menu !
How can I do, if I want to fix the max-width of the item in the nav, and write it on two lines ?
derhy  11 years ago   viewed: 12506    

2 Answers

There is a setting in the CSS that prevents the wrapping:

#ddmenu a

You can remove the nowrap setting and replace it with: max-width:180px;

If you are talking about the sub-menu items, you can leave above setting un-touched and just update the sub-menu links as:

#ddmenuMst div.drop a
milo   11 years ago

A better and elegant solution is to customize its responsive layout using CSS. You can play or download the demo#4 for your example, or read the "Keep the menu a nice look when wrapping to multiple lines" section on the page How to Create Mobile-friendly Responsive Menu for detailed instructions.

Milo   9 years ago


Your name*
(Optional. Used to modify this post afterwords)
+ =  

Ask your Own Question

  • If your question is related to the topic of this post, you can post your question to this page by clicking the "Post a reply" button at left;

  • When you want to start a new page for your question: