[Support request] Regarding Primary Navigation In Mobile mode

[Mainak]

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

[Leo]

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 🙂

[Mainak]

Done, enable all these things. then please tel knows the next steps.

[Mainak]

Which CSS do I need to add?

Please let me know.

[David]

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;
}

[Mainak]

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.

[David]

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.

[Author]

Posts