Archived topic

Mobile Menu at bottom, header logo at top

3 replies · Started by Simon on December 7, 2018

Viewing posts 1–4 of 4

December 7, 2018 at 11:23 am #750929

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

December 7, 2018 at 5:56 pm #751109

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 :)

December 10, 2018 at 1:30 pm #753202

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

December 10, 2018 at 4:45 pm #753328

Thanks! Merry Christmas :)

This archived topic is closed to new replies.

Start building better websites today.