In case you use a plugin for mobile (burger) menu such as WP Mobile Menu, you may want to hide/remove the theme default menu under mobile/tablet portrait screens (screenshot above). Here are all of the necessary steps how it can be done:
- Login to Your Admin Panel
- Navigate to Left Menu -> Appearance -> Customize -> ‘Additional CSS’ Section
- Insert the following code there:
@media screen and (max-width: 799px) {#navmain {display:none;}
}Note: The above code will hide menu for screens with width less than 799px. You may change it to other value if you prefer (the value marked in bold above).
- Save changes
Best-selling Products:
-
All Premium WordPress Themes$51.00
-
AyaClubPro – Responsive Club WordPress Theme$29.99
-
AyaPsychologyPro – Responsive Psychology WordPress Theme$24.99
-
AyaBooksPro – Responsive Books WordPress Theme$24.99
-
AyaHandmadePro – Responsive Handmade WordPress Theme$29.99
-
VeganPro – Responsive Vegan WordPress Theme$29.99
-
AyaMedicinePro – Responsive Medicine WordPress Theme$32.99
-
AyaHairSalonPro – Responsive Hair Salon WordPress Theme$31.99
-
AyaSpiritPro – Responsive Spiritual WordPress Theme$24.99
-
TourPro – Responsive Traveling WordPress Theme$24.99
-
AyaPortfolioPro – Responsive Portfolio WordPress Theme$24.99
-
LandshaftingPro – Responsive Landshafting WordPress Theme$29.99
-
AyaPhotographyPro – Responsive Photography WordPress Theme$24.99
-
AyaFreelancePro – Responsive Freelance WordPress Theme$24.99
-
Cover Book Mockup Design$4.00
Leave a Reply