boundless product image size mobile - issue

Solved
Tourist
7 0 1

hello, the product images on my desktop are perfectly fine but on the mobile only half the image is showing up. Can anyone help me repair this. below is the link to a product page; thank you in advance

0 Likes
Shopify Partner
1061 118 170

There is an inline style snippet that is messing with the max-width of the image. This is the code, try to locate it somewhere within product related liquid templates:

<style>
  

  #FeaturedImage-product-template-8931770761275 {
    max-width: 1090px;
    max-height: 762.7711686494051px;
  }
  #FeaturedImageZoom-product-template-8931770761275-wrapper {
    max-width: 1090px;
  }

  

  

  @media screen and (max-width: 750px ) {
    #FeaturedImage-product-template-8931770761275 {
      max-width: 1090px;
      max-height: 762.7711686494051px;
    }
    #FeaturedImageZoom-product-template-8931770761275-wrapper {
      max-width: 1090px;
    }
  }
</style>

If removed, everything works as expected :)

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
1 Like
Tourist
7 0 1

solved; I just ended up downsizing my image size 

src="{{ image | img_url: '380x380' }}"

prior it was: 

src="{{ image | img_url: '720x720' }}"

it made the images on the desktop a little small but for the time being it does the job. if anyone has any other options please let me know :)

thanks!

0 Likes

Success.

Shopify Partner
1061 118 170

nice :) , the snippet I have shared is generated by snippets/image-style.liquid, you might want to review its logic, it works somehow funky. Cheers!

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
1 Like
Highlighted
New Member
2 0 0

where did you add this please?

0 Likes