How to make the site header deafult text Logo Responsive?

Solved
antsmithdev
Tourist
4 0 1

I would like to make the default text logo responsive. Currently overlapping in mobile. 

Plan on just using the store name in the site header as the default text. It is not saved as an actual image. 

 

antsmithdev_0-1636939533367.png

 

Accepted Solution (1)

Accepted Solutions
LitExtension
Shopify Partner
2000 332 408

This is an accepted solution.

Hi @antsmithdev,

Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

@media only screen and (max-width:749px) {
	.site-header__logo a{
		font-size: 22px !important;
		line-height: normal !important;
	}
}

Hope it helps!

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

Replies 5 (5)
Zworthkey
Shopify Partner
2571 309 641

Hii, @antsmithdev 
Kindly share your store URL so,
I can solve it perfectly.
Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
antsmithdev
Tourist
4 0 1

Thanks for your response!

This theme is not published but here is the preview etc. https://fimydbx5rv97mji4-49214357653.shopifypreview.com

Possibly can send you an invite? 

sherieswimwear.com

LitExtension
Shopify Partner
2000 332 408

This is an accepted solution.

Hi @antsmithdev,

Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

@media only screen and (max-width:749px) {
	.site-header__logo a{
		font-size: 22px !important;
		line-height: normal !important;
	}
}

Hope it helps!

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!

View solution in original post

antsmithdev
Tourist
4 0 1

Thank you so much! It works! 

I'll make the adjustment for Desktop version

LitExtension
Shopify Partner
2000 332 408

Hi @antsmithdev,

If you have any difficulty, you can contact me

Happy to help you

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!