centre the menu bar

Solved
Lescalla
Tourist
6 0 1

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/

 

 

Accepted Solution (1)

Accepted Solutions
Propero
Shopify Partner
885 101 157

This is an accepted solution.

@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.

 

- Was my reply helpful? Click Like or Click Accept as Solution
To hire: email us at shopify@propero.in
checkout our app https://apps.shopify.com/picamaze

View solution in original post

Replies 3 (3)
Propero
Shopify Partner
885 101 157

This is an accepted solution.

@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.

 

- Was my reply helpful? Click Like or Click Accept as Solution
To hire: email us at shopify@propero.in
checkout our app https://apps.shopify.com/picamaze
Michal17
Shopify Partner
835 73 161

Hi @Lescalla 

Hope you're having a great day!

scrnli_22_05_2021_15-34-42.png

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:

Velvet-Pear-Vintage.png

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

Lescalla
Tourist
6 0 1

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