Как отобразить мобильную версию, подобную настольной версии, в Shopify

#shopify #shopify-template

#Shopify #Shopify-шаблон

Вопрос:

Я только что купил тему с веб-сайта «themeforest» и искал по всему Интернету информацию о том, как сделать мобильную версию похожей на версию для настольных компьютеров

Я видел пример добавления этого кода в мой

      @media only screen and (max-width: 769px) {
#shopify-section-1525912530555 .flex-grid__item--50 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
}
  

Но это не помогло

Ответ №1:

Не было бы непрактично иметь мобильную версию, точно такую же, как у настольной? Это не будет хорошо работать или будет легко для пользователей.

Я бы предложил установить процентное значение 100%, чтобы оно занимало весь экран мобильного устройства, но вам может потребоваться использовать больше медиа-запросов, чтобы получить все элементы или, по крайней мере, основные из них, соответствующие версии для настольных компьютеров 🙂