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
10036 2385 3012

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an 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
1972 564 566

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! 

 

 

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

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
10036 2385 3012

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.