When testing on an iPhone (landscape and portrait), my site appears to be much different from the preview I get at the various breakpoints, and I cannot figure out why.
Also, all the links in the footer have stopped working on mobile (hover animations don’t work either but I could live with that if it was working okay).
Also, my interactions don’t seem to be working in Safari either? (see images)
Hover interactions over my dynamic lists only work in the bottom corners of the div, so links are unclickable and the layout is broken.
Back to top arrow at the bottom is meant to fade to black and move when hovered, but the black version appears to the right and slightly down from the white original?
EDIT: Also noticed that once I do use my back to the top arrow, some of my interactions don’t work properly once the “…/#top” is at the end of the url?
EDIT 2: I’m also having trouble in the designer keeping the div that contains my dynamic list image set to overflow:hidden. Seemingly every time I publish it, it’s turning back to the original setting.