Solved

Can you center the menu bar on Shopify?

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)

Propero
Shopify Partner
895 101 160

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
895 101 160

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
Lescalla
Tourist
6 0 1

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

Michal17
Shopify Partner
835 73 175

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.