Как сделать две товарные позиции в один ряд в мобильном шаблоне?

Question

[Сергей Рогов]

Доброе время суток! Помогите пожалуйста решить одну непростую задачку для меня, кому то она покажется ерундовый, но я чтобы вы понимали полный нуб, поэтому прошу полный развернутый ответ.
Вопрос: Как сделать отображение товарных позиций по два в один ряд, сейчас они по одному. Необходимо сделать только в мобильной версии такое отображение. (https://4svadba.ru/sumochki-dlya-nevest-1)
Желательно разверный ответ, куда в css или в twig добавить необходимые изминения. Заранее огромное спасибо!

Comments

[Алексей]

Должно помочь изменение 1 класса в
product-layout product-grid col-lg-3 col-md-4 col-sm-4 col-xs-12 на col-xs-6

[Сергей Рогов]

Алексей, спасибо что откликнулись, но проблема теперь вот в чем, если изменить col-xs-12 на col-xs-6 то ничего не происходит, если отключить тег у блока float:none и заменить widht: со 100% на 50%, то оно отображается в два ряда как надо, но проблема в том, что при ширине чуть большей в мобильном приложение все разъезжается, скрины прилагаю

[N T]

1. Как у же сказано выше, замените у product-layout product-grid col-xs-6
2. Удалите правило:

@media (max-width: 540px)
#content .product-layout {
	width: 100%;
	float: none;
}

Должно сработать: