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!
If our suggestions are useful, please let us know by giving it a like, marking it as a solution.
BSS: B2B Wholesale Solution |BSS: B2B Portal, Quote, Net 30 | B: B2B Lock Password Protect
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
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!
We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024