The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Div shows on simulator, not on iPhone
Hello – Would love your help with a mystery
The goal is to hide address information in a header while keeping a phone number for screens under 650px.
Turns out, CodePen is imitating the iPhone simulator, but not the actual iPhone6. Can you find a way to keep the phone number showing under 650px on the actual phone?
Here is the CodePen link: http://codepen.io/joannemasterson/pen/aOYGoX
Here is a link to the iPhone 6 screenshot – the phone number should show to the right of the logo image. But it’s not showing there.
I had no idea the iPhone 6 link color was an exact match for my background. With all the colors on the planet, what are the chances of that!!! You nailed the problem. This rule fixed it: