How do I center align the navigation bar in the "Supply" theme?

Highlighted
New Member
1 0 0

Hello everyone,

I am new on Shopify and I don't have experience with coding so I would really appreciate if someone explains to me (step by step) how to center align the navigation bar on the "Supply" theme. I did some research online but I couldn't find out how to do it. There are some people on the forum who have previously written about centering a navigation bar, but it is not clearly explained where exactly should one copy-paste the codes and similar. Take the fact that I don't have any idea where to do the changes in the theme, so if someone is willing to explain, please explain step by step using screen shots of the codes and similar.

Thanks a lot!

0 Likes
Highlighted
Astronaut
1890 1 430

Edit HTML/CSS and open Assets/timber.scss.liquid.  Around Line 2355, you should find the following lines of code.

  .site-nav {
    text-align: left;

Change it to:

  .site-nav {
    text-align: center; 

I hope this helps. 

1 Like
Highlighted
Tourist
3 0 0

Thank you!!! Very simple and efficiente !

0 Likes
Highlighted
New Member
1 0 0

I am thinking they've updated this theme. I don't see this section at all in the coding. How do I center the navigation bar now?

0 Likes
Highlighted
New Member
1 0 0

Hello, in Assets\theme.scss.liquid, find line 3194 ".sitenav" and transform text-align:left by text-align:center

0 Likes