How to Centre My Logo?

aphoon
Tourist
14 0 1

Hello,

 

New to the Shopify Community. Hope everyone is doing fine.

Can someone help me with centering my website's logo to the centre?

I am using Palo Alto theme.

 

Thank you!

Replies 16 (16)
Jasoliya
Shopify Expert
4615 596 1159

Hi @aphoon 

For that may be you have setting on theme editor heave you checked first?

Because other wise need to change more cod for that.

 

Want to modify or custom changes on store hire me.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp, Try our Free app for bundle page.
Want to get Free review and advice for sale on store ?? just text me here
aphoon
Tourist
14 0 1

There is'nt an quick option for me to edit it in the theme editor. I think it has to be coded in. 

By any chance would you know how to code it in? 

Cheers

Jasoliya
Shopify Expert
4615 596 1159

Send store url will check if possible will share code. 

Want to modify or custom changes on store hire me.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp, Try our Free app for bundle page.
Want to get Free review and advice for sale on store ?? just text me here
aphoon
Tourist
14 0 1

Hi, unfortunately the website is still not open. 

Is there another way for you to view my website?

Jasoliya
Shopify Expert
4615 596 1159

Yes send em your store preview url 

Want to modify or custom changes on store hire me.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp, Try our Free app for bundle page.
Want to get Free review and advice for sale on store ?? just text me here
aphoon
Tourist
14 0 1

Hi, did not know i could do that! Apologies.

Here is the URL: https://328ng1wg2xjhs9ju-46491992219.shopifypreview.com

Jasoliya
Shopify Expert
4615 596 1159

Cant see logo on header, have you removed? 

Want to modify or custom changes on store hire me.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp, Try our Free app for bundle page.
Want to get Free review and advice for sale on store ?? just text me here
aphoon
Tourist
14 0 1

Yes i removed it. I have added it back.

Jasoliya
Shopify Expert
4615 596 1159

Yes put back so i can check if any fast way to do by just css 

Want to modify or custom changes on store hire me.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp, Try our Free app for bundle page.
Want to get Free review and advice for sale on store ?? just text me here
aphoon
Tourist
14 0 1

@Jasoliya Added back the logo. Thanks for your help. 

aphoon
Tourist
14 0 1

Hi, did you manage to solve the issue? 

Thanks

Jasoliya
Shopify Expert
4615 596 1159

For that we need to change stricture of header but you can do fast using this code

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

@media only screen and (min-width: 767px) {
   .site-header__logo{position: absolute; left: 50%; top: 10px;}     
}

@media only screen and (max-width: 767px) {
   .site-header__logo{ top: 20px;position: absolute; left: 50%;}     
}

 

Want to modify or custom changes on store hire me.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp, Try our Free app for bundle page.
Want to get Free review and advice for sale on store ?? just text me here
aphoon
Tourist
14 0 1

Hi @Jasoliya ,

Thanks for your reply & thanks for your help.

I have copied and pasted the code you provided at the bottom. Unfortunately, the logo is not centred. Its leaning more towards the right side. I have attached an image for your reference.

Capture.PNG

 

Jasoliya
Shopify Expert
4615 596 1159

That i mentioned it will fast solution not work accurately, for that must need to change structure code.

 

Want to modify or custom changes on store hire me.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp, Try our Free app for bundle page.
Want to get Free review and advice for sale on store ?? just text me here
aphoon
Tourist
14 0 1

Ah I see. How do you change the structure code? @Jasoliya 

Jasoliya
Shopify Expert
4615 596 1159

For that you have to hire developer because need to change code. and if want me to do that Pm me

Want to modify or custom changes on store hire me.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp, Try our Free app for bundle page.
Want to get Free review and advice for sale on store ?? just text me here