[Resolved] Mobile Menu Needs To Be Aligned Right – Always

[Benjamin]

Hi,

(1) How do I ensure that my menu is always aligned right on mobile devices?

(2) How do I ensure that after my logo and menu are aligned together on the same row, the two of them well spread out in the header section of my site on all mobile devices?

Please see the attached image for a better understanding.

[Ying]

Hi Benjamin,

The green part is the padding you set for header, it’s the reason that the menu icon has been pushed to the next row.
https://www.screencast.com/t/XvoMR4k6m

Reduce the header paddings for mobile in customizer, especially left and right paddings.
https://docs.generatepress.com/article/header-layout-overview/

Let me know 🙂

[Benjamin]

Hi Ying,

That worked. Is it possible to add text and a button on the header menu section as shown in the attached image?

[Ying]

Glad it worked 🙂

Please open a new topic for new request, thanks for your understanding!

[Benjamin]

OK.

[Author]

Posts