photo size too large in mobile view on image page

  • Unknown's avatar
    artistajenkins · Member ·

    on the image page (i.e. https://joshuajenkinsart.com/earlierworks/humptydumpty/) the bottom photos appear much larger than the main photo on mobile view, but when viewed on a macbook browser the photos appear to be the same width (which is how i want it). Is there a way to fix this on the mobile version?

    but on my macbook it looks like the same size as the top main image. (which is how i want it to look on the mobile view)

    The blog I need help with is: (visible only to logged in users)

  • aleone89 · Staff ·

    Hey there,

    Many thanks for reaching out – it looks like this could be a templating issue… as it looks like this image on the page: https://joshuajenkinsart.files.wordpress.com/2023/05/humptydump_blankwall_edit4web.jpg is not resizing – have you made any edits to a page template recently whereby this image is added? I suspect we may need to retrace some steps.

  • Unknown's avatar
    artistajenkins · Member ·

    i haven’t made any changes recently. but this is all the coding i have custom done already

    /* Hide the full size image link */
    .entry-footer span.full-size-link {
    display: none;
    }

    /* Hide the footer navigation */
    .navigation {
    display: none;
    }

    /* Hide image caption */
    .wp-caption-text {
    display: none;
    }

    /* page center alignment */
    .entry-content {
    text-align: center;
    }

    .main-menu li a:hover {
    text-decoration: none !important;
    }

    .main-navigation .sub-menu .menu-item a::before {
    content: none !important;
    }

    .main-navigation a:hover {
    color: lightgray;
    }

  • staff-xantium · Staff ·

    Hello there @artistajenkins

    I tested this on your site and on a test site, and could not find a consistent reason why only this image was showing in this way. Could you try to remove that image, then replace it, by clicking on the pencil icon in the toolbar above the ‘Tiled Gallery’ block. Upon re-inserting the image, you can move it back to its previous location by selecting it and clicking the left arrow icon repeatedly.

    The guidance in the article below should prove helpful for editing the Tiled Gallery Block:

    https://wordpress.com/support/wordpress-editor/blocks/tiled-gallery-block/

    If you’re asked to ‘Attempt Block Recovery’ before you’re able to see the pencil icon and the toolbar that loads it, please go ahead and do that, by clicking on the ‘Attempt Block Recovery’ button.

    I hope this has been helpful, but feel free to reach out if you have any further questions!

  • Unknown's avatar
    artistajenkins · Member ·

    i’m unable to do any gallery. this image is added to the image description section.

  • staff-totoro · Staff ·

    Hi there,

    I visited https://joshuajenkinsart.com/earlierworks/humptydumpty/ on my iPhone and for me the image was sized correctly for me… I checked both Chrome and Safari mobile browsers but was not able to see it the same as you show in your screenshot.

    Are you able to try an alternate browser (or even a different mobile device if you have one available) and see if you have the same issue?

    Thanks for the additional info!

  • Unknown's avatar
    artistajenkins · Member ·

    weird — now it’s starting to look correct on my phone now too.

  • The topic ‘photo size too large in mobile view on image page’ is closed to new replies.