Black Friday Sale! Get up to $40 off GP Premium!Learn more

[Resolved] Centered Image not behaving on iPhone

Home Forums Support Centered Image not behaving on iPhone

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #472627
    Marcia

    Oh my home page, there is a centered image that looks fine everywhere but on an iPhone. When I load that page in portrait, the large image is sort of flush right off the edge. When I switch to landscape, the whole page loads, but the image is teeny tiny and centered.

    I’m sure it’s something simple, but I’m baffled.

    GP Premium 1.5.6
    #472888
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Instead of using margin here:

    .entry-content>:last-child {
        margin-left: 250px;
        text-align: left;
        margin-right: 250px;
        color: #930026;
        font-family: Tahoma,Geneva,sans-serif;
    }

    Try adding this:

    .home .entry-content {
        max-width: 500px;
        margin: 0 auto;
    }
    #473449
    Marcia

    I tried that and no image showed up at all in my mac’s browser. I took out the extraneous coding from my original .entry-content coding and that didn’t help either.

    Do I need to add media queries or some such? A bit of a newbie here…

    Cheers,
    MG

    #473615
    Leo
    Staff
    Customer Support

    Hmm Tom’s solution should work however I still see the original CSS being added.

    Can you remove it so we can see the result?

    #473631
    Marcia

    Okay. Just changed it to Tom’s code and commented out the old. On my iMac screen here at work, there is no square image of someone holding a violin.

    #473706
    Leo
    Staff
    Customer Support

    I still see this CSS being added:

    .entry-content>:last-child {
        margin-left: 250px;
        text-align: left;
        margin-right: 250px;
        color: #930026;
        font-family: Tahoma,Geneva,sans-serif;
    }

    Here is where the code is if you can’t find it: https://s18.postimg.org/em6wlf9gp/2018-01-17_1741.png

    #474061
    Marcia

    That’s it! Of course I have no idea how that coding was put in there, but as long as it works.

    You guys are great and I can’t thank you enough.

    Cheers,
    MG

    #474147
    Leo
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.