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
Hi,
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; }
}