Hello Luke,
We can make some additional room for your menu items there. Go to the Theme Options page and click on the Advanced tab. Scroll down to the Custom CSS box and add this:
ul#primary-menu {
margin-left: 0;
}
@media only screen and (min-width: 1024px) {
nav#top-menu {
width: 70%;
}
}
and save your changes. See if that won’t give you some additional room for you more menu items. Ultimately that space is finite so there is a limit to how much can be placed on the top level. If you need more room, you can change the 70% in the snippet above to a larger number.
While you’re there, add this to help line up the mobile menu a bit better too:
.slicknav_menu .slicknav_menutxt {
line-height: 1;
}
.slicknav_menu .slicknav_icon {
margin: 1px 0 0 7px;
}
If you run into questions or trouble, let me know.
Thanks,
Bill