Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Текст кнопки Купить съезжает вниз в мобил.версии


marmariska

Recommended Posts

Убрала иконку корзины возле Купить в категориях, в мобильной версии тогда получается пустой квадрат. Поставила отображение текста Купить, но при отображении в 2-х колонках в мобильной версии текст видимо не влазит и съезжает вниз на след.строчку. Как его потеснить, уменьшить шрифт или вместо Купить поставить иконку корзины, но только в мобильной версии?? Умные люди, направьте в нужную сторону...

Надіслати
Поділитися на інших сайтах


как то так

<button type="button" onclick="cart.add('{{ product.product_id }}');"><span class="visible-xs"><i class="fa fa-shopping-cart"></i></span> <span class="hidden-xs hidden-sm hidden-md">{{ button_cart }}</span></button>

 

Надіслати
Поділитися на інших сайтах

Чтобы иконка корзины была только в мобильно версии нужно скрыть её для остальных. Например, так:

@media (min-width:768px) {

.product-thumb.transition .fa-shopping-cart {
    display: none;
}

}

Естественно, сначала надо вернуть её, если она была выпилена.

 

Чтобы уменьшить размер шрифта можно добавить такое правило:

@media (max-width:767px) {

.product-thumb.transition .button-group {
    font-size: 11px;
}

}

Надіслати
Поділитися на інших сайтах


@LiLu получилось, спасибо!

 

@SiteMix , а вот такой фокус со шифтом текста к сожалению не получился. И теперь вы совершенно правы: 

2 часа назад, SiteMix сказал:

Естественно, сначала надо вернуть её, если она была выпилена.

 

Картинку нашла в интернете. К чему теперь ее привязать, чтобы отображалась? 

Змінено користувачем marmariska
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.