Site logo

[Support request] Image is not displaying well on mobile preview

Home Forums Support [Support request] Image is not displaying well on mobile preview

Home Forums Support Image is not displaying well on mobile preview

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2568912
    Naama

    Hi, I am adding an image which is about 450×450 pixel which is displayed well on desktop. But when switching to mobile preview, the picture is not displaying proportionally to the content width and only part on the image is displayed. Any idea how to fix it?

    #2568918
    Leo
    Staff
    Customer Support

    Hi there,

    Any chance you can link us to the page in question?

    You can use the private information field:
    https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

    Let me know 🙂

    #2569563
    Naama

    Hi, I have attached a link as an example but it happens on all posts. look at the first image on desktop and them on mobile and you’ll notice the left part of the image is not displayed on mobile (the basket part)

    #2569571
    Fernando
    Customer Support

    Hi Naama,

    Can you try adding this through Appearance > Customize > Additional CSS:

    @media (max-width: 768px){
        .wp-block-image figure {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    }
    #2574365
    Naama

    Hi, unfortunately, it is still not working well

    #2574489
    Ying
    Staff
    Customer Support

    The CSS is working:
    https://www.screencast.com/t/ThM5Yv8Uj

    Can you make sure the cache is cleared on your mobile devices?

    #2575295
    Naama

    will do

    #2575863
    Ying
    Staff
    Customer Support

    If it still doesn’t work, try disabling the cache plugin.

    Let me know!

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