Viewing 2 posts - 1 through 2 (of 2 total)
-
Posts
-
Hi There,
When i test my site on a mobile the “text” heading does not apear well.
Could you plz tell me how to solve this?
Thank you!
Taha
Hi,
You need to create media queries for this type of situation whereby on different screen sizes, the css that affects the area changes to make objects conform to the new screen size.
.avia-section h1 span {
font-size: .7em;
}
@media only screen and (max-width: 767px) {
.avia-section h1 span {
font-size: .5em;
position: relative;
bottom: 20px;
}
}
@media only screen and (max-width: 479px) {
.avia-section h1 span {
font-size: .3em;
position: relative;
bottom: 20px;
}
}Please add the above code to /css/custom.css OR to quick css located in Enfold > (theme options) Styling Layout… text area on bottom of page.
Thanks,
Nick
Viewing 2 posts - 1 through 2 (of 2 total)
- The topic ‘Liquid on Mobile?’ is closed to new replies.