skiesofpluto | (no subject)

You're viewing

skiesofpluto's journal
Create a Dreamwidth Account Learn More

Reload page in style: site light

yeee fixed my layout for casual viewing on mobile

this is important because i live on my phone

Flat | Top-Level Comments Only

How do you do that? :o I can kind of use this site on my phone but its a bit of a pain

Edited Date: 2015-11-05 10:50 pm (UTC)

@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;
}

}

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

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

and the main site technically has a mobile view but it seems to be iffy for some reason and only apply some of the time :|c oh but that probably depends on which layout/color thing you use for main dreamwidth pages. i have the greenish one

ive got the black one (white text on a black background works better for me visually) and it doesn't seem to have any mobile view at all :/

either it has a mobile view for me or you've changed it since you posted this comment :|c

there isn't a nice menu or anything but it turns into one column that's pretty easy to read

Oh yeah I think you're right

It could stand to be a little more readable but at least its not just

the regular webpage

trying to fit in my phone screen :P

Edited Date: 2015-11-05 11:42 pm (UTC)