Проблема с шириной экрана мобильного магазина woocommerce

У меня есть серьезная проблема с некоторыми частями адаптивной темы витрины магазина woocommerce при использовании мобильных экранных устройств. Я не могу использовать 100% ширины экрана мобильного устройства для области сопутствующих товаров. Я хотел бы, чтобы 2 столбца использовали ширину экрана. Может ли кто-нибудь помочь мне с кодом CSS, пожалуйста? См. изображение ниже

Код CSS

То же самое относится к разделу виджетов ниже.

Контент WP

Пожалуйста, кто-нибудь может помочь?

Ссылка на страницу, с которой мне нужна помощь: https://www.samuelsotiega.com/product/sunrise-at-el-prado/

заранее спасибо


wordpress screen woocommerce width storefront
person Samuel M.    schedule 22.06.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Используя css, вы можете «исправить»

.sp-designer .widget-area .widget {
     margin-right: 0; }

.sp-designer ul.products li.product {
        margin-right: 9px;
}

Если нужно, используйте !important для переопределения правил

person Geme    schedule 22.06.2018