Adjustment to Mobile Issues

[ema_k]

Wow, It's been a while. Long story short, I've been fiddling with a skin I found (adding tumblr stuff and using code from other sources. Very few amounts of this CSS are actually mine, and I'm not taking credit.)

Here's the skin:
docs.google.com/document/d/1EUgKGeIZtHl7WqgkgklFrlD4Kla1cU7k6kMApahRbgI/edit

I've been having so much trouble trying to translate this to mobile. I'm pretty sure there's no way to specify when it's mobile in the CSS of the skin, and I no matter how hard I try, I can't understand the whole parent situation. I've been looking for ages and tutorials always use examples using public skins and I just don't know how to apply it to my custom skin. The minor attempt I made using the advanced settings on a new skin didn't work (the custom font I installed on my computer wouldn't appear because, obviously, it's custom, so I ctrl + c ctrl + v:

h1,

h2,

h3,

h4,

h5,

h6,

.heading {

  font-family: Halloween Kliwones, "Bookman Old Style", "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;

  border-bottom: none;

  font-weight: normal;

}

 

and changed Halloween Kliwones to Gothic Bold (installed on my phone), nothing. If anyone could give a direct play-by-play on how to change the mobile look with this frankenstein meshed skin, that would be deeply appreciated.

Comments

[a_flyleaf]

Ohhhhhhh okay ok that makes sense. So when you use it on mobile, does it look like regular Ao3 or does something else funky happen? (Being unable to access your dashboard has me wondering if the skin blanks out the page entirely or something.) Might not be able to help regardless, just trying to ask some clarifying questions ^^; & Does vegetablearian’s suggestion work?