What if you did this..
@media (max-width: 768px) {
.main-navigation .menu-item-has-children .dropdown-menu-toggle,
.secondary-navigation .menu-item-has-children .dropdown-menu-toggle {
float: none;
}
.main-navigation .main-nav ul li.menu-item-has-children > a,
.secondary-navigation .main-nav ul li.menu-item-has-children > a {
padding-right: 15px;
}
}
The only problem with this is menu items without an array don’t align with the others.
Let me know if that’s closer to what you’re looking for.
If not, it would help to see an example of the look you’re hoping to achieve 🙂