How To Reduce Mobile Header Logo Font Size Debut Theme

Solved
m2mmm2
Tourist
4 0 1

Hi there,

May I know how to reduce the mobile header logo font size?

Here I didn't upload my logo picture and it is default logo name. Since the sticky header position is limited, now the logo name separated into two lines.

Does anyone how to fix this problem on the mobile header? Huge thanks in advance.  https://staresso.com/

e5297ce68e03318d686a3508268be25.jpg

0 Likes
Natztech
Shopify Partner
1403 392 947

This is an accepted solution.

hello @m2mmm2 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 749px){
.site-header__logo {
     padding-left: 0 !important; 
    
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
Pallavi
Shopify Expert
2240 370 485

This is an accepted solution.

Hello There,

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

@media only screen and (max-width:425px){
a.site-header__logo-link {
font-size: 10px!important;
margin-left: -20%!important;
}
}
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
m2mmm2
Tourist
4 0 1

Hi Natztech,

Excellent!! This work as magic!

Many thanks,

Have a lovely day 

Pallavi
Shopify Expert
2240 370 485

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.

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
0 Likes