@media only screen and (max-device-width: 480px) {
}
lets you apply stuff to just on phone (there are different ways to write that out depending on what you're modifying stuff for but i'm not super worried about that here since it's mostly for my own use); whatever you write for @media tags overwrites other css when it applies to the device.
right now my custom css just looks like:
@media only screen and (max-device-width: 480px) {
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
no subject
Date: 2015-11-05 10:51 pm (UTC)From:}
lets you apply stuff to just on phone (there are different ways to write that out depending on what you're modifying stuff for but i'm not super worried about that here since it's mostly for my own use); whatever you write for @media tags overwrites other css when it applies to the device.
right now my custom css just looks like:
@media only screen and (max-device-width: 480px) {
#title{
font-size:2em;
}
#pagetitle{
font-size:1em;
text-align:left;
}
.entry-title{
font-size:1em;
}
}