Header menu splitting words with dropdown on main page only

[Movino4me]

Somewhere on an update my Menu in the header is splitting links to two lines if there is a sub menu but only on the main page. Sorry, trying to describe this issue is difficult. Here is the site https://thirty-sevenwines.com under both About and Events where there are sub menus, the main link is on two lines and the sub menus don’t show up. everything works fine on other pages than main.

any ideas?

[ruenel]

Hello @Movino4me,

Thanks for writing in! I have checked your site and I am seeing this:

This is happening because one of the 3rd party plugins is having this custom CSS the breaks the words when it does not fit to the given area:

ol, ul {
    overflow-wrap: break-word;
}

You can use the code above and set the value to normal or any other property than break-word. Perhaps this would help you:

• overflow-wrap - CSS: Cascading Style Sheets | MDN (mozilla.org)

You can insert the resulting custom CSS in Cornerstone > Theme Options > CSS.

Be advised that this is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.