Forums

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

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #204690
    Joanne Masterson
    Participant

    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.
    https://app.box.com/s/odxhslpqf9a4ywamcyxehtr52lm72cgv

    #204706
    Joanne Masterson
    Participant

    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:

    .call-number *{
    display: block;
    color:#fff !important;}

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.