(no subject)

[skiesofpluto]

yeee fixed my layout for casual viewing on mobile

this is important because i live on my phone

Comments

[skiesofpluto]

@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) {

#title{
font-size:2em;
}

#pagetitle{
font-size:1em;
text-align:left;
}

.entry-title{
font-size:1em;
}

}

[skiesofpluto]

to clarify this was because my theme was partly working on mobile but the size of the title was breaking it

[raynaissance]

OMG i'll have to try that out thank you!!!