Snippets: Evenly Spaced out Menu items for Centered Logo Header Style Five

/* Turn menu into a table so we can make all menu items the same width */
.navbar-style-five .dropdown-menu { display: table; width: 100%; table-layout: fixed; width: 100%;}
.header-five #site-navigation .dropdown-menu > li.menu-item,
.header-five #site-navigation .dropdown-menu > li.menu-item-logo { display: table-cell; }

/* This "hack" is used to make all table-cell items the same width, in this case each menu item and the logo is a table-cell */
.navbar-style-five .dropdown-menu > li.menu-item { max-width: 0;  }

/* Make sure any very long links inside the menu break onto a new line */
.navbar-style-five .dropdown-menu > li.menu-item > a > span { word-wrap: break-word; white-space: normal; }

/* This is used to vertically center your logo */
.header-five #site-navigation .dropdown-menu > li.menu-item-logo {vertical-align:middle; padding: 0; }
All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel.