Hi Tina…something like this might help:
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
.nav-wrapper {
display: none;
}
}
/* Medium devices (Phones, tablets, less than 992px)*/
@media (max-width: 991.98px) {
.nav-wrapper {
display: none;
}
}
Are you wanting to hide the menu for phones, or tablets added to that too? I added a couple CSS code snippets that you can choose from based on their description. Simply copy and paste the code into the Additional CSS tab in the Customizer.
Hope that helps?
Best Regards,
Andre