Text Size In Mobile Devices
T
tpires
I'm trying to change the text size in mobile devices using the Nuron template. I tried to use the custom.css file but don't work with this:
@media (max-width: 767px) body { font-size: 13px; !important; }
Where i can find this code and change to 15 text size?
Thanks
1 Answers
Order by
Oldest
Paul Frankowski
Accepted AnswerHi,
First, your CSS is not complete, please read more how to use @media in CSS guides.
It should look like:
@media screen and (max-width: 767px) {
body { font-size: 13px; !important; }
}But using this kind of font-size for whole body is not good idea, it's better to use HTML tags, like: p, li, etc. or class names. For example for component area only:
@media screen and (max-width: 767px) {
#sp-component, #sp-component p, #sp-component h3 { font-size: 13px; !important; }
}