Centering Logo Picture on Simple Theme

Highlighted
New Member
1 0 0

Hello,

 

I am trying to center the logo in the header of my homepage to the center of the page and I can't seem to get it.  Can anyone help or share some advice on how this can be done?

 

Thanks in advance,

 

0 Likes
Highlighted

Hi @kohl_henrikson 

PageFly here, I would love to provide the solution to the issue.

Please add the code below

.site-header .grid__item {
	display: flex;
    justify-content: center;
    align-items: center;
}

and follow this path to add that code

Themes => edit code => asset => theme.scss.liquid

and add this code to the bottom of the file theme.scss.liquid

Try it and if you find my answer helpful, just give it a like or mark as a solution. Let me know if you need help, 

PageFly.

PageFly - Advanced Shopify Page Builder.
- PageFly Page Builder: Website | Facebook | LinkedIn | Group | Youtube
- [Tutorial] Get more tips on using PageFly to soar sales this season
- [Master Guides]: Get Your Shopify Store Ready for Black Friday
0 Likes