How to move header logo on mobile?

Solved
nvisibl1
Excursionist
50 2 12

Hello

 

How can I move my header logo a little more to the left in mobile phone view?

 

It's slightly off centre

 

Thank you

Accepted Solution (1)
ZestardTech
Shopify Expert
5300 950 1260

This is an accepted solution.

Hello There,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the Top of the file:

 

.header__heading .header__heading-link {
padding-left: 0;
}

 

ZestardTech_0-1698926361961.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 5 (5)
Moeed
Shopify Partner
3042 757 919

Hey @nvisibl1 

 

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>
a.header__heading-link.link.link--text.focus-inset {
    padding-left: 0 !important;
}
</style>

RESULT:

Moeed_0-1698925047100.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. ❤️
Dan-From-Ryviu
Shopify Partner
5509 1008 1035

Hi @nvisibl1 

Please share your store link 

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

ZestardTech
Shopify Expert
5300 950 1260

This is an accepted solution.

Hello There,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the Top of the file:

 

.header__heading .header__heading-link {
padding-left: 0;
}

 

ZestardTech_0-1698926361961.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
nvisibl1
Excursionist
50 2 12

Perfect. Thank you very mcu 🙂

ZestardTech
Shopify Expert
5300 950 1260

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing