[Resolved] My menu is not showing in mobile, but showing in desktop

[Sheshan Pradhan]

No menu is showing in mobile site but it is showing in the desktop version.
tried all setting but it didn’t work.
All I want is, the menu which is showing in desktop must show on mobiles as well.
Please help

[David]

Hi there,

are you using the Off Canvas Panel for your mobile menu ? If so see here:

https://docs.generatepress.com/article/off-canvas-panel-overview/#empty-off-canvas-navigation

If not, please provide a link to your site

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Sheshan Pradhan]

Yes, I have tried using off canvas,
even after turning on the off canvas for mobile devices, it is not showing up when I’m browsing with mobile.
I’m using that “volume” theme from site library.
https://pscnotes.in/

[Sheshan Pradhan]

https://pscnotes.in/

[Leo]

Go to Additional CSS field in the customizer and remove this block of CSS code:

/* SLIDE OUT NAVIGATION */

.main-navigation.offside {
    overflow: visible;
}

.menu-bar-item.slideout-toggle, button.menu-toggle {
    display: none !important;
}
.slideout-overlay {
	background-color: rgba(255,255,255,0.6);
}
.slideout-overlay .slideout-exit {
	display: none;
}

Let me know if this helps 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Sheshan Pradhan]

Yes, now the menu option is showing but the whole menu item is showing up twice..
please check
https://pscnotes.in/

[Sheshan Pradhan]

Hey, Thank you so much for your support, I have fixed that problem. 🙂

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts