Archived topic

Center Menu in header

7 replies · Started by Leanne on January 22, 2022

Viewing posts 1–8 of 8

January 22, 2022 at 1:02 pm #2090056

Hi,

I have just started with website. So, there is not much there.

However, I cannot seem to center the menu. There is no choice for center. Just right, left, above or below.

I am sure I am missing something simple.

Thanks

January 22, 2022 at 1:08 pm #2090061

Hi Leanne,

Are you going to have a site title or logo in the header？

If so what's the layout you want it to be？

January 22, 2022 at 1:23 pm #2090067

Hi,

No site title or logo in the header. Just the navigation.

Thanks,
Leanne

January 22, 2022 at 1:32 pm #2090071

If so, try this CSS:

nav#site-navigation {
    margin-right: auto;
    margin-left: auto;
}

January 22, 2022 at 1:42 pm #2090081

Perfect. How can I move it up a little?

Leanne

January 22, 2022 at 2:31 pm #2090105

You can reduce the header top padding at customizer > layout > header.

Make sure the Spacing module is activated at appearance > Generatepress.

January 22, 2022 at 2:46 pm #2090122

Thank you very much!

January 22, 2022 at 2:54 pm #2090132

No problem :)

This archived topic is closed to new replies.