Как сделать изображение продукта в полноэкранном режиме в Shopify?

Question

У меня определенная проблема с интернет-магазином. В основном, на мобильных устройствах изображения моих продуктов выглядят слишком маленькими. Я хотел бы, чтобы они заняли весь экран вместо этого (см. Рис, как это сейчас).

Есть ли шанс, что кто-нибудь может помочь мне разобраться с активами Shopify, чтобы исправить это?

Спасибо!

Вот как это выглядит сейчас: https://imgur.com/a/qOF8oSJ

Answer 1

Скажите, пожалуйста, какую тему вы используете, а также поделитесь URL-адресом сайта?

Здесь я даю вам несколько советов. Если вы хотите, чтобы на мобильном телефоне был только полноэкранный режим, вам бы пришлосьиспользуйте экран @media в своей таблице стилей. Это должно выглядеть примерно так:

@media only screen and (max-width: 767px) {
 .image{
   width: 100%;
 }
}

Возможно, вам придется добавить еще несколько CSS, чтобы изменить размер изображения, поскольку оно может уже иметь значение для размера.