Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #241776

    The text on my front page isn’t responsive, so looks really large on iPhones.

    You can see what I mean if you view this link on an iPhone

    http://www.jempomak.com

    Thanks

    #241930

    Hi jempomak!

    You can use this on your custom.css or Quick CSS:

    @media only screen and (min-width: 768px) {
    .callout .padding-active.content-area {
    padding-right: 0;
    text-align: left;
    }
    
    #top .callout {
    font-size: 17px;
    }
    
    #top .callout .big_button {
    top: 90%;
    }
    }

    Regards,
    Ismael

    #243396

    Hi, thanks for that, but it seemed to do the opposite, it made the text on the site smaller, and the text on the iphone remained large?

    Jem

    #244141

    Hi!

    Please replace Ismael`s code with following one

    @media only screen and (max-width: 768px) {
    .callout .padding-active.content-area {
    padding-right: 0;
    text-align: left;
    }
    
    #top .callout {
    font-size: 17px;
    }
    
    #top .callout .big_button {
    top: 90%;
    }
    }

    Regards,
    Yigit

    #244316

    That works perfectly. Thanks

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Non-responsive text on iPhone’ is closed to new replies.