Primary Menu items not showing on mobile

Hello @wavedocfarid

Seems like you are using mega menu plugin for menu instead of theme default menu. So please contact related plugin author if you need any help regarding mega menu.

You can use the following code to display the menu in mobile devices:

@media (max-width: 768px) {
#site-navigation {
	display: block;
}
}

Thanks ??

Hi
1. I disabled megamenu plugin, and used the easystore menu template, deleted and recreated a new menu, the same problem. Primary menu only shows up for desktop and not for tablet or mobile.
2. How and where do I insert your:

@media (max-width: 768px) {
#site-navigation {
	display: block;
}
}

Hello there,

Please add provided custom CSS at Additional CSS filed inside the customizer panel.

Thanks,

Your suggestion works partially. The menu is no longer blank after customizing the CSS. However its display blocks/covers the following Category widget content in the mobile. You only see a portion of the category widget. I have tried to adjust the (max-width: 768px) the parameter,anything below 350px the content goes blank. I have also changed from px to %, but I don’t see any changes. And why is the menu content elements appear vertical:
Home
About US
Shop
Contact
Blog
instead of horizontal
Home About Us Shop Contact Blog.

Please send some guidance/documentation on customization. Thanks
[ redundant link removed ]

• This reply was modified 3 years, 2 months ago by Jan Dembowski.

Hello @wavedocfarid

Seems like you have now disable the mega menu plugin so please remove the above previous code and use the following code:

@media (max-width: 768px) {
.menu-toggle {
	display: block !important;
}
}

Thanks ??

It works! Thanks buddy