Centering Header Menu Tabs

Add this CSS code to your stylesheet or use a plugin:

/* Center header havigation */
.header-navigation-wrapper {
    margin: 0 auto;
}

/* Add gap between menu items */
ul.primary-menu {
    gap: 2rem;
}

You can change the Google font being used for the header manually or using a plugin.

You might save yourself time and hassle by using a block theme like Twenty Twenty-Two. The full site editor will allow you to visually design your header, pages, and footer, rather than having to code them.

Hi Clarus,

Thank you for your help!

You’re welcome. ??