Happening now! Exclusive AMA: Streamlining Fulfillment and Delivery with Shopify Experts | Ask your questions to be answered by our team!

Move my logo from the left side of the screen to center

Solved

Move my logo from the left side of the screen to center

TimD3
Tourist
9 0 1

Screenshot 2024-08-02 135415.png

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

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
7663 1844 2259

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. 

Made4uoRibe_0-1722627020097.png

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Replies 9 (9)

AK_Design_Dev
Shopify Partner
187 16 16

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.


Your Willpower Contribution Link:-

Contribution


Contact On My Mail :-mail@gmail.com
TimD3
Tourist
9 0 1
TimD3
Tourist
9 0 1

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.

 

AK_Design_Dev
Shopify Partner
187 16 16

AK_Design_Dev_0-1722622505420.png

 

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.


Your Willpower Contribution Link:-

Contribution


Contact On My Mail :-mail@gmail.com
TimD3
Tourist
9 0 1

I have it set to block IP's from India, I was getting a ton of bot traffic and it ruined my metrics

AK_Design_Dev
Shopify Partner
187 16 16

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.


Your Willpower Contribution Link:-

Contribution


Contact On My Mail :-mail@gmail.com

BSSCommerce-B2B
Shopify Partner
1283 334 399

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

BSSCommerceB2B_0-1722623058039.png

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 

BSSCommerceB2B_1-1722623277763.pngBSSCommerceB2B_2-1722623515875.png

 

Step 3: Save  reload this page.

BSSCommerceB2B_3-1722623710716.png

 

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


BSS Commerce - Full-service eCommerce Agency
TimD3
Tourist
9 0 1

i was using Sense theme, i apologize for not giving that info. A solution has been found, thank you for your help.

Made4uo-Ribe
Shopify Partner
7663 1844 2259

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. 

Made4uoRibe_0-1722627020097.png

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.