Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 24, 2015 at 12:02 pm #463938
    OneClickTech

    Hi.
    I changed the single product page image with your assistance here and using the below code. The image looks good on desktops but is being squashed on mobile devices. I have tried using the same code with some modifications with media rules with no luck.
    Would you mind having a look for me. The height is not changing and is still 350px causing the distortion.
    Thank you.

    img.attachment-shop_single.wp-post-image {
width: 600px !important;
height: 350px !important;
}
    June 24, 2015 at 5:06 pm #464212
    Yigit

    Hi OneClickTech!

    Can you please post the link to your page where we can see the issue?

    Cheers!
    Yigit

    June 25, 2015 at 12:03 am #464361
    OneClickTech

    Sorry Yigit. Not sure why the link didn’t show as I did add it.
    Added now.
    Thank you.

    June 25, 2015 at 12:05 am #464364
    Yigit

    Hey!

    Please change the code you posted in your first post to following one 

    @media only screen and (min-width: 769px) {
img.attachment-shop_single.wp-post-image {
width: 600px !important;
height: 350px !important;
}}

    Regards,
    Yigit

    June 25, 2015 at 12:23 am #464368
    OneClickTech

    Thank you Yigit.
    I didn’t think of removing that original code when using the media rule. To be honest i thought it would have messed up the image/layout when full size, but it doesn’t.
    Thanks again.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Change the size of Single product page main image responsive’ is closed to new replies.