How can I shift my mobile header logo to the left?

Solved

How can I shift my mobile header logo to the left?

nvisibl1
Explorer
83 2 17

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 Partner
5636 1031 1359

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
4386 1132 1390

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 Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

Dan-From-Ryviu
Shopify Partner
8551 1687 1695

Hi @nvisibl1 

Please share your store link 

- Helpful? Like and Accept solution to let me know!>
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

ZestardTech
Shopify Partner
5636 1031 1359

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
Explorer
83 2 17

Perfect. Thank you very mcu 🙂

ZestardTech
Shopify Partner
5636 1031 1359

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