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