Drop Down Menu / Posts /

menu on two lines

2
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  4 years ago   viewed: 8025    

2 Answers

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

#ddmenu a
{
    ....
    white-space:nowrap;
}

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
{
    ....
    white-space:normal;
    max-width:180px;
}
milo   4 years ago
0

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   2 years ago

   

Your name*
Password
(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: