Product images too big on mobile – Shopzee

Home Forums All Other Themes Product images too big on mobile – Shopzee

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #176980
    Paulo ParedesPaulo Paredes
    Participant
    • Topics: 7
    • Replies: 8
    • Total: 15
    Member since: October 26, 2019

    I am using Shopzee. All products look ok on my Mac and PC but when I look at the site on a mobile phone the product images are too big. How do I fix it?

    http://www.celestialtrading.us

    #177019
    Shri SShri S
    Keymaster
    • Topics: 9
    • Replies: 6899
    • Total: 6908
    Member since: June 12, 2013

    We have checked that they look right. Kindly send a screenshot of your mobile.
    Screen-Shot-2021-04-06-at-16-51-22

    Regards,
    Shri

    #177037
    Paulo ParedesPaulo Paredes
    Participant
    • Topics: 7
    • Replies: 8
    • Total: 15
    Member since: October 26, 2019

    I don’t see an option to add a screenshot.

    But if you click on the product image and the image is too big.

    I tried it with the basic Woocommerce storefront theme and it looks fine.

    • This reply was modified 7 months, 3 weeks ago by Paulo ParedesPaulo Paredes.
    #177078
    Shri SShri S
    Keymaster
    • Topics: 9
    • Replies: 6899
    • Total: 6908
    Member since: June 12, 2013

    Kindly use imgbb.com to post images.

    #177081
    Shri SShri S
    Keymaster
    • Topics: 9
    • Replies: 6899
    • Total: 6908
    Member since: June 12, 2013

    Kindly add this in appearance>customize>basic settings>Custom CSS box:

    @media screen and (max-width:63.938em) and (min-width:29.938em) {
    #primary{width:100%;}
    }

    Regards,
    Shri

    #177289
    Paulo ParedesPaulo Paredes
    Participant
    • Topics: 7
    • Replies: 8
    • Total: 15
    Member since: October 26, 2019

    Every time I tried to add the images uploaded to Imgbb.com it does not seem to post my reponse.

    I tried add the CSS as you suggested but it still did not seem to work.

    #177327
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27912
    • Total: 27912
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:767px) {
    #primary { width:auto !important;}
    .woocommerce div.product div.images img {
        width: 100% !important;
    }
    }

    Regards,
    Dave

    #177356
    Paulo ParedesPaulo Paredes
    Participant
    • Topics: 7
    • Replies: 8
    • Total: 15
    Member since: October 26, 2019

    Thanks Dave!

    That worked!

    #177378
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27912
    • Total: 27912
    Member since: August 16, 2013

    🙂

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