[Resolved] Avoid line break / wrap in menu

[stesch79]

I have the plugin “Menu Icons” installed. On some sub menu entries with long text (e.g. > 17 characters), there is a line break / wrap between the icon and the menu text. Therfore the icon appears on the first line, the text on the second line. How can I avoid this?

[Tom]

Can you link me to a page where it’s happening?

[stesch79]

I can provide you a test page: http://wptest.sciurus.ch/

There you can see the same behaviour.

[bdbrown]

This css should fix it for your current menu items. If you add longer menu items you can increase the width:

.main-navigation ul ul {
    width: 240px;
}

Adding CSS: https://generatepress.com/knowledgebase/adding-css/

[stesch79]

Perfect, it works! Thanks bdbrown!

[bdbrown]

You’re welcome 🙂

[Author]

Posts