Center logo in Simple theme

New Member
3 0 0

Hello, 

I am trying to center the logo in the Simple theme. I've tried following the direction from an earlier post but wasn't able to fix it with that. I couldn't not find the same line of code in the earlier post to change things. Can anyone hlep please? 

Thanks!

 

0 Likes
Shopify Staff
Shopify Staff
283 0 46

Hi Vinsam,

You should be able to add just these few lines to the styles.css.liquid to have that happen:

  • Visit your theme file by going to Online Store > Themes
  • On your active theme, click the [...] button, and select Edit HTML / CSS
  • We will edit the styles.css.liquid, under Assets
  • Add this to the very bottom:
#logo {
  text-align: center;
}

That should do the trick! I hope that helps,

Hugh

Happy selling! :)
0 Likes
New Member
3 0 0

Hi Hugh, 

I have done what you've said and it still doesn't work. Any ideas why that might be?

0 Likes
Shopify Partner
1 0 1

I am trying to center my logo as well. I do not have the styles.css. liquid option under assets?

1 Like
New Member
3 0 0

Search in header.liquid for:

 

<header class="site-header grid medium-up--grid--table" role="banner">
<div class="grid__item small--text-center">

 

It should be:

<header class="site-header grid medium-up--grid--table" role="banner">
<div class="grid__item small--text-center medium-up--push-one-fifth">

 

You can play between medium-up--push-one-half to medium-up--push-eleven-twelfths

 

Greetings!

 

HTTP://WWW.CAMPERSFUERADESERIE.COM

WWW.CAMPERSFUERADESERIE.COM
0 Likes