How to show an individual menu item wrap on 2 lines?

[Jasmine]

Jasmine

July 22, 2015 at 8:10 pm

Hi!
I am working with Pinnacle Premium with child theme, in local for now.
Some of my individual menu text items are a bit long, with the consequence of having 2 rows of menu items, which is not looking good, especially on medium size screens.
How can I make long single menu items to wrap right under it, either automatically or by a certain formula I would add?
I do not know if the solution is to have fixed width menu item and if the text is too long, it would wrap under it, breaking after complete words or something else, like me adding a line break such as <br /> (I tried it by changing the title but it looks ugly as it overlaps with the second row of menu items).
For example, here are 5 menu items (not the real text but just to show the possible different lenght):
“Portfolio of my work”—“Galleries”—“In order to contact me”—“Reserve now / Buy now”—“Corporate events”

They now show like the following, with a lot of space between the 2 rows in order to accomodate for the sub-menus of the first row of items (sorry, I have to put — between the items instead of spaces, as space would not show):
——Portfolio of my work——Galleries——In order to contact me

——Reserve now / Buy now—–Corporate events

I would like them to show like this instead:
Portfolio——Galleries—-In order to—–Reserve now /——–Corporate
of my work——————contact me——Buy now————–events

Is this possible?
Thanks!