• Resolved JenniferCross

    (@jennifercross)


    Hi, I wonder if you can help me to understand why the image at the bottom of the above blog page doesn’t sit as nicely as the image at the top, when viewed on a mobile? The top image sits in a nice gap between the text, but the bottom image has a small amount of text wrapped around it, which makes it more difficult to read. I uploaded both images in the same way do I don’t understand why they look different (mobile view only).

    Thanks in advance,
    Jen

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hello Jen, can you please provide some explanatory screenshots?

    You can upload screenshots to your WordPress Media Library and share a link, or you can use one of the online services (Google Drive, Dropbox, etc.).

    Kind Regards, Roman.

    Thread Starter JenniferCross

    (@jennifercross)

    Hi Roman, hope you’re well, thanks for your reply, are you able to view http://www.businessowl.uk/5-ways-to-make-solicitors-smile/ on a mobile? I’m not sure how to get a screen shot from my mobile, however if you can view it you’ll see that the bottom image has text around it which doesn’t look neat, whereas the top image sits nicely between the text? I hope that’s clearer?
    Thanks,
    Jen

    Hello Jen, try to use the following CSS code.

    You can add CSS code in Customize → Additional CSS section.

    @media (max-width: 480px) {
        article .entry-content img {
            float: unset;
            display: block;
            margin: 10px auto;
        }
    }

    Kind Regards, Roman.

    Thread Starter JenniferCross

    (@jennifercross)

    Perfect, thanks Roman!

    Have a great weekend,
    Jen

    You are welcome Jen!

    And have a nice weekend as well 🙂

    Kind Regards, Roman.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘image on mobile view’ is closed to new replies.