Remove Navigation Bar in Mobile

Hi there,

My theme has a navigation bar the uses images. When it goes to mobile, the nav bar turns into a drop down menu. The images at this point are not needed and it puts extra stress on server loading times. Is there a way I can have the nav bar completely removed when the site goes into mobile?

Thanks!

Hey there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*remove menu on mobile*/
@media (max-width: 768px){
  nav#main-nav {
    display: none;
}
}

Best regards,
Support.

Works perfectly, thank you!

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support