Pictures too small on mobile version

Hey @martak333

Are you referring to the images on the shop page, or on the product pages (such as https://www.damanaszachownicy.pl/produkt/produkt2/ )?

Hi,
Thank you for your response.
Actually I meant all pictures except product ones.
For example on the main page I have a picture in block, even if I set up the full-width, the width is not changing. Could you please advise how to enlarge it on mobile version?

Hey @martak333

I’m not seeing any images that are particularly small, to be honest. Could you send a screenshot of what you mean perhaps?

So, here is mobile view:
https://drive.google.com/file/d/1hIHLKqITYBe0GgbP-uQUsazafpyDusIA/view?usp=sharing

I set up picture for full width and it is not changing its size.
On the desktop version, when I set up the full width, picture really covers whole width of the screen and on mobile version it doesn’t work.

Hey @martak333

Thanks for the screenshot. If you want to make the images wider on mobile devices, You can do this with a little bit of custom CSS code.

Go into your site’s admin Dashboard and select Appearance → Customize →?Additional CSS. In the CSS textbox on the left, add the following code:

@media screen and (max-width: 767px) {
  .single-product #content > .col-full {
    margin-left: 5px;
    margin-right: 5px;
  }
}

Select “Save Changes” from the top, and your changes will be applied to your site.

Note that will not only make the image itself wider, but also the text below it.