Hope your weekend went well! I recently exported and published my site to avbotz.com and am seeing some elements disappearing on certain mobile phones. For example on my end, using an android phone, the wesbite renders as I see it in the designer preview. However, when my friend checked it out on his iPhone (both Safari AND Chrome), certain elements are “disappearing” at random.
For example, I have included some screenshots below. I have checked my display styles for each element on desktop through mobile and none of the elements in question are Display: None. An odd instance of this is where I have three of the same paragraphs with the same style displaying on the phone. Two of them will show but one of them occasionally doesn’t display (screenshot 1). Additionally, in screenshot 2 (red circle), I have a text span that is supposed to be bolded text. It renders fine on my end but for some reason it disappears on my friends’ iPhone; it is set as Display: Inline. The button text on that screenshot also shows the text isn’t vertically centered despite being aligned to center vertically in flexbox.
There are more instances of random elements disappearing from the occasional header, to some videos, to random paragraphs. I’m not sure what would be causing this because many of the disappearing elements do not have interactions connected to them and the website seems to render completely as expected on my android phone.
Any input, help, effort is appreciated! Please let me know if you have any ideas as to what I may have missed/done incorrectly. Thank you!