How can I improve my mobile header logo display?

Store Design
1

Hi there, my shop logo on my header looks horrible and c ant seem to reduce the font only in my mobile view. Does any one have any tips?

Cambridge15_1-1669210338117.png
Cambridge15_1-1669210338117.png445×220 15.3 KB

2

Hi, @Cambridge15

please share your store URL

1 Like
3

www.harmonylaneboutique.com Thank you!

4

Cambridge15_0-1669211102340.png
Cambridge15_0-1669211102340.png563×966 303 KB

5

See how it wraps like that? Id like to shrink the text but I font know how. Im new to shopify and I am an Analyst by trade so I am at a novice level

6 
@media (max-width: 460px){
         .header__heading-link .h2 {
             font-size: 20px;
      }
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.css.liquid

1 Like
7

Let me give it a whirl! Stand by :grinning_face_with_smiling_eyes: :grin:

8

I know that the Business Name is the Header Text therefore I am unable to add liquid in my Store Name in Settings, and when I am on the header page I see nothing to add code

Cambridge15_0-1669212282412.png
Cambridge15_0-1669212282412.png328×862 16.1 KB

9

OMG I am so sorry I did not see where you put in there where to go. Please excuse me. let me try again

10

Cambridge15_0-1669212636891.png
Cambridge15_0-1669212636891.png1254×773 68.5 KB

11

I think Im close but no cigar

Cambridge15_1-1669212922620.png
Cambridge15_1-1669212922620.png1091×625 36.2 KB

12

I added the code and its still funky on the mobile site.

Cambridge15_0-1669213313668.png
Cambridge15_0-1669213313668.png570×829 29 KB

13

Im not doing something right, Thank you for trying to help me, I really do appreciate it very much.