WordPress Twenty Seventeen Center Menu

Do you want the menu on your website using Twenty Seventeen theme to be in the centre / center?

Add the following simple line of code to your main css file:

#top-menu {
text-align: center;
}

If you’re using a child theme, add it to the child theme’s css file.

That’s it! Simple.

No need for padding, margin or screen size adjustment @media codes etc.

Thanks for Ehab Heikal for some of the info in the article, Ehab is a talanted web designer in Egypt.