This solution enables you to change the default Infinity Pro header elements so they more like the Monomchrome Pro & Academay Pro themes header on smaller screens like this :
Basically, the CSS changes do the following when responsive :
- Float the title area to the left
- Float the header menu to the right
- Remove the “Menu” text from before the menu toggle icon ( Hamburger menu )
Here’s the demo video showing the changes :
Shows the site title floating left and the header menu floating right and the “Menu” text removed on mobile responsive screens.
Register or login to access the modification instructions :