[Resolved] Mobile Menu at bottom, header logo at top

[Simon]

Hi guys

Is there any way we can achieve the following?

– Normal mobile header with logo & mobile primary menu – OK with this – all good

– Additional mobile primary menu (same menu as above) icon (an image) in a fixed bar at the bottom – on click the slideout menu is activated.

I have inserted the image of the 3 bar menu button at the bottom.

Website is live here https://www.welshgames.co.uk/ – you can see the menu icon button at the bottom right. This is what I would like to open up the primary slideout menu.

Loving using GP, and wish you all the best with developing this great theme 🙂

Hope you can help.

Thanks
Simon

[Tom]

Hi there,

Here’s what you can try:

1. Set the Slideout Navigation to Desktop only.
2. Add this CSS:

.main-navigation li.slideout-toggle {
    display: none !important;
}

3. Give your fixed toggle in the footer this class: slideout-toggle

That should do it 🙂

[Simon]

Hi Tom

Thanks so much for the reply. All works a treat, exactly what I was after.

Keep up the great work!

Happy Christmas!

Cheers
Simon

[Tom]

Thanks! Merry Christmas 🙂

[Author]

Posts