Shopify themes, liquid, logos, and UX
I'm going to enlarge the logo a little bit but I'd like to have it be in the center of the header rather than the left side.
I had help getting all the header info on 1 line and it looks great aside from that one thing. So using the theme editor options doesn't help, i just need to know where to change it in the coding
Solved! Go to the solution
This is an accepted solution.
Hi @TimD3
Check this one.
From your Shopify admin dashboard, click on "Online Store" and then "Themes"
Find the theme that you want to edit and click on "Actions" and then "Edit code".
In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag.
<style>
sticky-header.header-wrapper .header {
display: grid !important;
grid-template-areas:
"navigation heading icons";
grid-template-columns: 1fr auto 1fr;
}
</style>
And Save.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
pls share url
If you require further help to optimize your store, please don’t hesitate to reach out.
This contribution will always benefit you and you will get my full help easily and you can contact me easily.
on mobile the site looks great but on desktop the logo is on the left, im not sure if changing it to fit desktop better will mess with mobile too, if so then I'd just like to leave it. sorry for any confusion.
If you require further help to optimize your store, please don’t hesitate to reach out.
This contribution will always benefit you and you will get my full help easily and you can contact me easily.
I have it set to block IP's from India, I was getting a ton of bot traffic and it ruined my metrics
ok then srry
If you require further help to optimize your store, please don’t hesitate to reach out.
This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Hi @TimD3 ,
I have reviewed your requirement, i don't know what them you use , but i test in the dawn theme, the problem will be resolved.
Step 1: Go to Admin -> Online store -> Theme > customize
Step 2: You can see in home page the logo on the left ,
To change this , you can click in the Header Find the option Desktop logo position => change to Middle center
Step 3: Save reload this page.
I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.
Have a nice day sir!
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
i was using Sense theme, i apologize for not giving that info. A solution has been found, thank you for your help.
This is an accepted solution.
Hi @TimD3
Check this one.
From your Shopify admin dashboard, click on "Online Store" and then "Themes"
Find the theme that you want to edit and click on "Actions" and then "Edit code".
In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag.
<style>
sticky-header.header-wrapper .header {
display: grid !important;
grid-template-areas:
"navigation heading icons";
grid-template-columns: 1fr auto 1fr;
}
</style>
And Save.
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025