How to wrap submenu item? Text is too long and can extend beyond screen

[cglobal]

On this site, hovering over Programs > Latin America & Caribbean reveals a long menu item, “Accelerating Community Development in Indigenous Communities in the South American Gran Chaco.” Is there any way to make it wrap? Like define a max width for the container? The problem is it will often extend beyond the width of the screen.

[friech]

Hi There,

Thank you for writing in, please add this on Theme Options > CSS

/*wrapping sub-menu text*/
.masthead-inline .x-navbar .desktop .sub-menu li a span {
	width: 300px;
    word-break: break-word;
    white-space: pre-line;
}

Hope it helps,
Cheers!