Archived topic

Mobile Menu Needs To Be Aligned Right - Always

4 replies · Started by Benjamin on March 2, 2021

Viewing posts 1–5 of 5

March 2, 2021 at 4:12 pm #1679535

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.
Mobile view

March 2, 2021 at 5:20 pm #1679572

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

March 3, 2021 at 10:24 am #1680716

Hi Ying,

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

Additional text and button on header section

Text and button on header menu section

March 3, 2021 at 10:50 am #1680760

Glad it worked :)

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

March 3, 2021 at 12:06 pm #1680863

OK.

This archived topic is closed to new replies.

Start building better websites today.