Center nav menu, but keep logo left aligned

Shopify Discussion
1

Can anyone help me center the nav menu on my site so it looks like the attached? Just want the nav menu to be centered.

GRuntstyle_9.png
GRuntstyle_9.png5016×1002 323 KB

Thanks.

Site url is: https://historyamerica.myshopify.com/

password: frotho

2

Hello LaDolce,

you’ve got a wonderful shop! Let me answer your question:

  1. Edit your Minimal theme code
  2. Locate the file theme.scss.liquid
  3. Add the following CSS style to the end of the file:
.site-nav {
    display: flex;
    justify-content: center;
    align-items: center;
}

I’ve recorded a video to make it clear:

https://www.youtube.com/watch?v=HD7tM6-FXpQ

Cheers!