Mobile site has huge font, squished together, can it be made smaller?

I adjusted the font size of the text on the home page parallax and it looks great on the desktop but the the mobile site looks disproportional. When I try to adjust the font, it gets smaller on both mobile and desktop. Is there a way to just make the font of the home page smaller on mobile? Is there a custom CSS you can give me?

My URL is tanyaliu.com

Hi @liutanya8,

Use this css code:

@media only screen and (max-width: 768px) {
.top-parallax-section h1  {
font-size:30px;
}
}

Thanks,

Cristian

Thanks for your response. I added the code but it seems like nothing has happened? Please help!

Hi,

It was my mistake, try this:

@media only screen and (max-width: 768px) {
body.home .top-parallax-section h1 {
font-size:30px;
}
}

Thanks,

Cristian