Hello, I'm using the theme Midnight Minimalist which I've had some help making changes to and just now I changed some values myself too.
After refreshing on my iPhone it looks like this though:
http://img9.imageshack.us/img9/907/bild1os.png
There's an obvious error on the right side that only appears on my mobile. What did I miss? Someone might be able to tell right away but I'll put the code is further down.
Before refreshing the site was thinner and centered… I believe search, login, the rightmost border of the white field and the license text further down all should be moved to align with the "Powered by Wikidot" field which seems to have the correct dimensions.
No matter if it's related I'd like to know what this code means, the 480 part sounds mobile-related:
@media only screen and (max-device-width: 480px) {
#container {
width: 100%;
}
}
I'm also interested in knowing how to change fonts and get more correct font sizes on my site.
Take this code piece for example:
#header h1 a {
font-family: Trebuchet MS,Arial,Sans-serif;
font-size: 32px;
font-style: normal;
font-weight: bold;
letter-spacing: 1px;
line-height: 32px;
}
This gives me text that's only size 24 if I copy it and paste into Word… how come? Why isn't it 32?
Also what fonts does Wikidot support? I don't really know anything about how fonts work online. Any? From what I understand you need to have the sites font installed locally in order to view it correctly… which fonts are safe to use?
Anyways here's the full code that I'm using:






