Mobile Menu For All Versions

Hello. I have installed Airi Pro, but will have to many pages to have the Nav Menu stay as a single line and not wrap. The solution would be to use the Mobile Icon for all versions, including desktop. What would you suggest for a custom CSS or JS that I can add to make this happen?



Try this CSS code please:

.main-navigation {
    display: none;
@media (max-width: 1199px){
   .header-mobile-menu {
       text-align: right;
       display: block;

You can put the code to the Customizer > additional CSS


Please help as soon as you can, as I have a time factor to deal with.


Does my code in above not working?