[Support request] How to display mobile navigation menu like this?

[hanstantra]

Hello,

Is there a way to display mobile navigation like this?

Please advice.

Thanks
Hans

[Leo]

Hi there,

So basically a logo on the left and two buttons on the right?

In that case you can use the mobile header feature with the mobile header logo:
https://docs.generatepress.com/article/mobile-header/

Then just add the buttons as mobile header content:
https://docs.generatepress.com/article/mobile-header/#adding-html-inside-the-mobile-header
https://docs.generatepress.com/article/adding-buttons/

Then we can use CSS to hide the menu toggle. Let me know when you’ve added the buttons.

Let me know if this helps 🙂

[hanstantra]

Hi Leo,

Thanks for the info. Just tweak it and it’s works great.

Anyway I’m still have problems here.

The header top and bottom height between logo and buttons inside container grid (see pictures) is not balance. I would expect it to 20px for margin top and 20px for margin-bottom.

Top Height to 20px

Bottom Height to 20px

And also when viewing in mobile horizontally, the buttons position is not on the right (see picture).

Buttons not on the right side

Please advice.

Thanks,
Hans

[Leo]

Can you double check your site?

It’s currently showing up as this to me:
https://www.screencast.com/t/cxUhoXMsPKs

[hanstantra]

Hi Leo,

It’s working fine here: http://prntscr.com/kw0ueb

Can you please check again?

Thanks,
Hans

[hanstantra]

Hi Leo,

Any news?

Thanks,
Hans

[hanstantra]

It’s accessible: https://ads.ratakan.com/

[Leo]

Sorry to get back to you late.

I’m still seeing the site like this in the most recent link you’ve provided:
https://www.screencast.com/t/mYy3rBoR

I did a few hard refreshs on my browser as well.

Is it showing up normally to you?

[Author]

Posts