Как растянуть кнопку корзины в адаптивной версии

[frostaken]

Всем привет!

 

Не получается растянуть кнопку "В корзину" после удаления "В желаемые" и "К сравнению". Проблема в том, что при развороте на весь экран все хорошо, но с мобильного телефона кнопка не растягивается. Нагляднее на скриншотах.

 

На 1-м скриншоте (на весь экран).

На 2-м скришноте (на пол экрана) - тоже самое с мобильной версией.

 

Может кто-нибудь подсказать, как это исправить?

[jaffagold]

Если смотреть в Инспекторе кода, то все очевидно

@media (max-width: 767px)

.product-thumb .button-group button, .product-thumb .button-group button + button {

width: 33.33%;

}

Ваша кнопка как раз занимает 1/3 от блока

[Tom]

Явно ширина не при делах.Ищите в своей кнопке  класс,что то типа  class="hidden-sm."

 

https://v4-alpha.getbootstrap.com/layout/responsive-utilities/

[frostaken]

Спасибо, сейчас поищу.

[jaffagold]

А может, все таки, и при делах...

Скрытый текст

 

Змінено 2 квітня 2017 користувачем jaffagold

[frostaken]

jaffagold, не очень понимаю, в каком файле это правится? stylesheet?

 

Кстати, делал я все по вот этому гайду: http://moushe.ru/nashi-stati/opencart-moi-stati/ocstore-2-1-opencart-2-1-udalyaem-zakladki-i-sravnenie-tovarov/

[jaffagold]

 stylesheet.css в самый конец дописывать

Вы шаблон default правите или свой создаете?

Мне лично нравится, как тут изложено:

Скрытый текст

http://forum.opencart-russia.ru/threads/rukovodstvo-dizajnera.16/

 

Змінено 3 квітня 2017 користувачем jaffagold

[Tom]

Ссылку вешайте на свой магазин,это будет проще ,чем нынешнее гадание на кофейной гуще.А то jaffagold, рекомендует использовать ширину,прикрепляя скрин ,на котором замечательно видно о чём именно я писал.

[jaffagold]

В стандартном шаблоне опенкарт ширина блоков-карточек товара-да, задается бутстрапосвскими стилями. это так, но речь не о них, а о том, что выделено на картинках.

Т.к. ТС удалил две кнопки их трех, а кнопка Купить не заняла всю ширину блока.

Ширина кнопок внутри этих блоков-карточек товара указана в процентах, причем, у кнопки Купить на десктопах она равна 60%,

 а потом медиазапросом меняется на  33,33%

@media (max-width: 767px)
stylesheet.css:654
.product-thumb .button-group button, .product-thumb .button-group button + button {
    width: 33.33%;
}

@media (max-width: 1200px)
stylesheet.css:649
.product-thumb .button-group button, .product-thumb .button-group button + button {
    width: 33.33%;
}
stylesheet.css:626
.product-thumb .button-group button {
    width: 60%;

 

Змінено 3 квітня 2017 користувачем jaffagold