Is it possible to force longer menu titles to wrap when shown in the top nav bar?
Similar to http://www.standrewscollege.edu.au/
Guess you are only working on upage now days. :(
Guess you are only working on upage now days. :(Hi,
As I can see the alignment of the menu items works the same as in the provided example.
The easiest way to achieve the alignment you want is custom css. For example:
.bd-menu-1
{
display: flex;
display: -webkit-flex; /* Safari */
display: -ms-flexbox; /* IE 10 */
align-items: center;
-webkit-align-items: center;
}
Unfortunately Themler does not provide additional flexbox settings. Therefore you cannot set align-items property in Themler directly.
Another simple solution is:
.bd-menu-1.nav-pills > .bd-menuitem-1{
float: none;
display: table-cell;
vertical-align: middle;
}
Thank you,
Olivia
