Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 6, 2018 at 9:58 pm #922515
    Nermit

    Hello,

    I am having an issue where blog post images get oddly zoomed in on mobile.

    Here is what I expect it to look like based on the preview I get when customising the theme:
    https://calujules.com/screenshot_20180306_141507/

    However, when I open the blog post on my phone, in several different browsers, it actually appears like this:
    https://calujules.com/screenshot_20180306-141239-2/

    On my desktop, it appears as intended.
    The blog layout is set to single post with big preview image (featured image).
    I should also say that I have blog posts with featured images of different dimensions, and some of them look ok. The issue seems to be mostly with landscape aspect ratio images.
    On the blog page, I have a blog posts element where the preview image size is set to medium (300×300). That makes it look OK on mobile, but if I set the custom preview image size to no scaling, they look zoomed in like they do in each blog post as well.
    For custom CSS, I have the following pertaining to big preview images:

    
.big-preview img {
    height: 60% !important;
    width: auto !important;
}

    Hope you can help,
    Nermit

    • This topic was modified 6 years, 8 months ago by Nermit.
    March 7, 2018 at 12:10 am #922603
    Jordan Shannon

    Hey Nermit,

    Does this only occur when view from an actual mobile device? This is what I am seeing via browser emulation:

    https://snag.gy/VONf0l.jpg

    Best regards,
    Jordan Shannon

    March 7, 2018 at 12:25 am #922609
    Nermit

    Hey Jordan, thank you for your response.
    Yes. The second screenshot above is from my phone.
    Is that screenshot from the blogs page, or from the page for that individual blog post? I only have the problem on the latter, because the image preview size is set to 300×300 on the blogs page.

    March 7, 2018 at 12:27 am #922610
    Jordan Shannon

    Hi,

    The screenshot is based on the link you sent.

    Best regards,
    Jordan Shannon

    March 7, 2018 at 1:00 am #922645
    Nermit

    Just making sure I didn’t confuse you with the link I included as private content before:

    http://www.calujules.com/blog – here it looks OK (preview image size here set to Medium, 300×300)
    https://calujules.com/news/tango-meets-flamenco-guanaquita/ – this one looks wrong on mobile (original image size).

    Yes, it only occurs when I view it from an actual mobile device. I have tested it from more than one phone, and with different web browsers.
    Kind regards,
    Nermit

    March 8, 2018 at 6:45 am #923579
    Victoria

    Hi Nermit,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
    Can you disable caching and minification for now?

    Best regards,
    Victoria

    March 9, 2018 at 6:31 pm #924661
    Nermit

    Certainly. I have disabled caching and minify.

    March 13, 2018 at 9:15 pm #926240
    Basilis

    Hi,

    Please check now – let us know.
    if not worked, please provide with FTP details also for us.

    Best regards,
    Basilis

    March 17, 2018 at 6:35 pm #928527
    Nermit

    It is now fixed. Thank you!
    I noticed after you had done something that my pictures were stretched oddly, but removing the custom CSS I had put in before:

    .big-preview img {
    height: 60% !important;
    width: auto !important;
}

    fixed that issue. Thank you for your help!

    Nermit

    March 18, 2018 at 8:50 am #928650
    Rikard

    Hi Nermit,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.