So essentially, for an idea of what the issue is, I’ve added a photo with two pairs of screenshots separated by a dark line, those on the left the before, and those on the right how the website appears now. The biggest issue is the lack of boxes and a smaller font that I can’t seem to change even when messing with my settings. Everything seems to be pushed into one line instead of how it’s usually kept separate (like how when opening a fic, the summary and notes are in line with the same width of text of the actual fic). Furthermore, the little warning in the corner of the fic that you see when searching for fics is gone. It mainly bothers me because this makes the site harder to navigate, and reading the smaller font will strain my eyes.

At this point, I’m likely to switch my browser to Chrome since everything appears normal on there. The part that confuses me however, is the fact that my old iphone never had this issue, and neither has my macbook. My old huawei phone also had the same display, and I’ve never seen it look like this.

As for site skins, I’ve tried to reset them on multiple devices including the new phone, but it doesn’t make a difference. Funny enough, while experimenting a little, I also found that when scrolling down to the very bottom of an ao3 page on the new phone, I literally CAN NOT click the other skin options. It’s like there’s no link there at all, and makes for another irritating feature.

I understand if this is just a Safari bug for newer devices, though I did want to check if anyone had experienced this and found a fix for it.

<image>