Archived topic
Regarding Primary Navigation In Mobile mode
6 replies · Started by Mainak on January 20, 2020
I am using Marketer demo on my website, but I want the Split demo mobile mode header on my website by using marketer Demo.
Please let me know.
Thanks
Hi there,
Can you activate the mobile header option in the customizer first?
https://docs.generatepress.com/article/mobile-header/
If you also want the navigation search, please activate that as well:
https://docs.generatepress.com/article/navigation-search/
Then we can provide some CSS.
Let me know :)
Done, enable all these things. then please tel knows the next steps.
Which CSS do I need to add?
Please let me know.
Hi there,
try this CSS:
.site-logo.mobile-header-logo {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.main-navigation.has-branding .menu-toggle {
order: 0 !important;
margin-right: auto;
}
It's worked but that's style I don't want. I want https://prnt.sc/qqqxum this type, and when I click the menu it needs to slide up and open the menu.
Try enabling the Off Canvas Panel for Mobile only:
https://docs.generatepress.com/article/off-canvas-panel-overview/
Make sure you assign a menu to it.