Некорректное отображение поля «количество» на мобильных устройствах

  • ecodimteam

    (@ecodimteam)


    6 лет, 3 месяца назад

    Добрый день!
    Ест сайт на вордпресс 4.9.5 с темой оформления Salient с wocommerce Версия 3.3.5. Корзина сильно преобразовано по нуждам заказчика. И все бы хорошо, но на мобильных устройствах почему-то кнопки отображаются не тем цветом, что на большом экране, а кроме того, съезжают «+» и «-» в изменении количества товаров. Вот как это выглядит https://yadi.sk/i/XMNAyQhY3VzNMJ

    Где копать? Это проблемы темы или wocommerce? Помогите новичку, пожалуйста.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 2 ответов — с 1 по 2 (всего 2)
  • Модератор Юрій

    (@yube)

    6 лет, 3 месяца назад

    Для .woocommerce .cart .quantity и вложенных в него элементов нужно добавить несколько правил в css для узких экранчиков.
    Что-то типа 

    @media screen and (max-width: 480px) {
  .woocommerce .cart .quantity { width: 100% !important;}
  .woocommerce .cart .quantity input.qty { width: 90px !important;}
}

    и т.д. и т.п.

    Автор ecodimteam

    (@ecodimteam)

    6 лет, 3 месяца назад

    Спасибо! помогло.

Просмотр 2 ответов — с 1 по 2 (всего 2)
  • Тема «Некорректное отображение поля «количество» на мобильных устройствах» закрыта для новых ответов.