Mobile store images

  • Resolved panospibby

    (@panospibby)


    3 years, 11 months ago

    Hello,

    I want your help to fox the store catalog on mobile view.

    https://prnt.sc/vvd718

    As you see the screenshot something wrong

    I want to product image fit on mobile screen
    Like full wide and no have empty spaces at the right and left. I try to put css code but i didnt fix it. Something wrong about left like to have something and dont leave me to bring that at left side.

    I also want the image to have a better resolution in the thumbnails. has gone up in good resolution but on the outside it looks a bit cloudy.

    Thank you very much
    Pibby

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author YITHEMES

    (@yithemes)

    Hello there!
    there’s a bit of wrong additional CSS:
    https://prnt.sc/vvllii

    You can change it this way:

    @media ( min-width: 769px ) {
    ul.products, 
    .wc-block-grid ul.wc-block-grid__products {
        margin: 0 30.5px;
    }
}
@media ( max-width: 768px ) {
    ul.products, 
    .wc-block-grid ul.wc-block-grid__products,
    .columns-4 {
        margin: 0;
        width: 100% !important;
    }
    div#primary {
        padding-left: 0;
        padding-right: 0;
    }
}

    About the product images looking a bit cloudy, please change this option to increase the image size to match your needs and also remember to rebuild thumbnails to use the new images:
    https://prnt.sc/vvlpy1

    I hope you will appreciate this ??

    • This reply was modified 3 years, 11 months ago by YITHEMES.
    Thread Starter panospibby

    (@panospibby)

    Have a great day.

    Perfect,

    On the mobile it was the way I wanted it. There is no possibility for bigger thumbnails on the mobile from that ,I understood right?

    I put the resolution in woocomerce for the thumbnails at 800px and did a regenerate.

    Could you please enlarge the thumbnail on the computer in the product catalog?

    https://prnt.sc/vvnwyx

    I really appreciate your help
    Pibby

    Thread Starter panospibby

    (@panospibby)

    I FOUND IT

    thank you very much. I have to check the css code again from the beginning carefully at some point. Thank you very much

    Thank you,
    Pibby

    Theme Author YITHEMES

    (@yithemes)

    Happy to read that you managed it ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Mobile store images’ is closed to new replies.