My logo is cut off on mobile

[Leonidt1985]

My header title text (site title) shows fine in all places except the narrow view on a mobile phone.

How can I fix this?

And it doesn't matter how small I make the font size, the last few letters of "Learntodance.com" get cut off.

Here is my site: http://www.learntodance.com. The site title doesn't adjust its size when I am viewing on phone - on the "long view" (narrowest view).

http://www.learntodance.com

[emasai]

Change the font size in @media only screen and (max-width: 320px) to the following, at the moment it is set at 36px which is too big.
.site-title {
font-size: 30px;
}

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[Leonidt1985]

It still doesn't resize. I even changed the font to 20px and it still doesn't work.

[Leonidt1985]

It resized it a little but still a bit cut off...

[emasai]

I think you have a caching issue, clear your browser cache.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[geniusfacturare]

I`ve the same problem

---

Geniusfacturare – Program de facturare

[Leonidt1985]

It is still cutting off the last letter "M" and I reduced my font size to less than 20px

[emasai]

I see THIS on my phone, so I think you need to clear your browser cache.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[Leonidt1985]

I did clear my cache and it is better for sure... but it doesn't look like your screenshot... the very last part of M (of the .com) is not fully shown. The galazy s3 is probably a bit narrower than your phone.

[emasai]

Yes, I tried it in Chrome on Galaxy S3 simulator and it looks like that phone is not reading the media queries, whereas the iPhone 5 and 6 are. The only thing I can suggest is to reduce overall the size of the font in .site-title on line 1778 from 36px to 32px.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[Author]

Posts