Archived topic
Resize Mobile Font
5 replies · Started by Zad on July 3, 2018
Viewing posts 1–6 of 6
Hi
Is there a way to resize the font for mobile and just for mobile using CSS?
For example, on desktop, I want to keep everything as size 20, but then on Mobile, I may want to keep it as 16.
Hi there,
use CSS wrapped in a media query like so:
@media (max-width: 768px) {
body {
font-size: 16px;
}
}Would that code conflict with some of the css code I currently have? I use it increase padding on the desktop and keep padding minimal on the mobile
@media (min-width:769px) {
.single.one-container .site-content {
padding-left: 270px;
padding-right: 270px;
}
}
No, the two codes won't conflict.
Thank you! It worked perfectly.
Glad to be of help.
This archived topic is closed to new replies.
