Solved

How to put the logo in the middle (desktop/mobile) ?

abedzoabi
New Member
4 0 0

 I am using ware house theme , how can I put the logo in the middle for desktop/mobile?

 

Screenshot 2024-01-12 163132.png

Accepted Solutions (2)
Moeed
Shopify Partner
3531 890 1106

This is an accepted solution.

Hey @abedzoabi 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.header__logo {
    width: 100% !important;
    text-align: -webkit-center;
    margin-right: 0 !important;
}
</style>

RESULT:

Moeed_0-1705073336558.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App

View solution in original post

Dan-From-Ryviu
Shopify Partner
6894 1302 1329

This is an accepted solution.

Go to Online store > Themes > Edit code > open theme.liquid file, add this code under <head> element to make it center in mobile

<style>
@media (max-width: 749px) {
.header__inner {
flex-wrap: nowrap !important;
}
h1.header__logo {
width: 100% !important;
margin: 0 auto !important;
}
}
</style>

 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 6 (6)

Dan-From-Ryviu
Shopify Partner
6894 1302 1329

Hi @abedzoabi 

You can try to change the header layout in your Online store > Themes > Customize > Header. If it does not have that option, please drop your store URL here so I can provide the code 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

abedzoabi
New Member
4 0 0
Moeed
Shopify Partner
3531 890 1106

This is an accepted solution.

Hey @abedzoabi 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.header__logo {
    width: 100% !important;
    text-align: -webkit-center;
    margin-right: 0 !important;
}
</style>

RESULT:

Moeed_0-1705073336558.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App
abedzoabi
New Member
4 0 0

check from the mobile its not working , and this code is changing only the logo , we want to move the A HREF (not be clickable on all the banner only on the logo) 

abedzoabi_0-1705073950530.png

 

Dan-From-Ryviu
Shopify Partner
6894 1302 1329

This is an accepted solution.

Go to Online store > Themes > Edit code > open theme.liquid file, add this code under <head> element to make it center in mobile

<style>
@media (max-width: 749px) {
.header__inner {
flex-wrap: nowrap !important;
}
h1.header__logo {
width: 100% !important;
margin: 0 auto !important;
}
}
</style>

 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

Moeed
Shopify Partner
3531 890 1106

Hey @abedzoabi 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App