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?

Thanks

Hi,

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

Regards,
Awan

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

Thanks

Does my code in above not working?