How can I centre my website's menu bar?

Hi all, I can’t seem to find a way to centre my menu bar. It is currently aligned to the left. Same goes for my log but frankly I have given up on that!

https://velvetpearvintage.com/

@Lescalla

Hi, just add one more line to the CSS you just added

padding-left: 20vw;

this is a workaround, ideally there will be some setting in theme customizer too, please check that option as well.

Hi @Lescalla

Hope you’re having a great day!

By following the steps above, add the following CSS to the bottom of theme.css.liquid or theme.css, and hit Save. The name of the stylesheet can vary for different themes, so if you cannot find theme.scss.liquid, then look for one of the following:

  • style.scss.liquid or style.css
  • styles.scss.liquid or styles.css
  • theme.css.liquid or theme.css
  • timber.scss.liquid or timber.css
ul#AccessibleNav {
    text-align: center;
}

Result:

If you found this comment useful, hit the ‘Like’ and ‘Accepted solution’ buttons.

Wow, you’re a star! That worked. Couldn’t do it in the customize theme. Your code worked.