How to make the site header deafult text Logo Responsive?

Technical Q&A
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
antsmithdev_0-1636939533367.png348×296 50.2 KB

2

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

3

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

4

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!

5

Thank you so much! It works!

I’ll make the adjustment for Desktop version

6

Hi @antsmithdev ,

If you have any difficulty, you can contact me

Happy to help you