Search Icon should be to the left of menu icon

Ah, you're not using the mobile header anymore.

Your CSS would be this:

@media (max-width: 768px) {
    .main-navigation .mobile-bar-items, 
    .main-navigation .menu-toggle {
        float: none !important;
        display: inline-block;
    }

    .main-navigation {
        text-align: right !important;
    }
}

Thanks a lot! That worked. I guess I misinformed you about the mobile header. I wasn't sure what you meant and assumed that it was the header when displayed on a mobile device. Now I saw that I can set an entirely different header for mobile devices and I did that because it allows me to set it to "Hide when scrolling down" on mobile only. But the code you provided above works even when mobile header is on. So that is the better CSS.

Thanks a lot!

No problem! Thanks for bringing this up as well - I'll look into making the adjustments in a future version.