Shopify themes, liquid, logos, and UX
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!
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.
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
Hi, unfortunately the website is still not open.
Is there another way for you to view my website?
Hi, did not know i could do that! Apologies.
Here is the URL: https://328ng1wg2xjhs9ju-46491992219.shopifypreview.com
Yes i removed it. I have added it back.
Hi, did you manage to solve the issue?
Thanks
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%;} }
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.
That i mentioned it will fast solution not work accurately, for that must need to change structure code.
For that you have to hire developer because need to change code. and if want me to do that Pm me
User | RANK |
---|---|
72 | |
64 | |
53 | |
52 | |
42 |
As a business owner, have you ever wondered when your customer's first impression of yo...
By Skye Jun 6, 2023We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023