• Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!

Решено Где править адаптивность?

susha

Форумчанин
#1
Столкнулся с проблемой адаптивности. С телефона кнопки "Добавить в корзину" сливаются, и изображения товара некрасиво вытянуты. Как это исправить?

Screenshot_1.png
 

tuxfighter

Гуру
Местный
#2
в css. сделать отдельный блк.
к примеру так
Код:
@media (max-width: 480px) {
/*************** Здесь стили для мобильников  ***************/


}
 

susha

Форумчанин
#3
Мне в этом нужна помощь. Я не знаю что мне надо прописывать в стилях для мобильников.
 

tuxfighter

Гуру
Местный
#4
эммм....... ну то что вы хотите увидеть на экране мобильника, то и пропишите.

А гадать по фото где, что и как вам нужно исправить - это не каждому телепату доступно, штука посильнее "Фауста" Гетте будет....
 

susha

Форумчанин
#5
Вот этот сайт - http:// я в этом ничего не понимаю. Подскажите пожалуйста, что нужно прописать для мобильников?
 
Последнее редактирование:

tuxfighter

Гуру
Местный
#6
Код:
@media (max-width: 480px) {
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
     font-weight: 400 !importan;

}

.woocommerce ul.products li.product a img {
    height: auto !important;
}
 
}
можно попробовать так
 

susha

Форумчанин
#7
Спасибо за помощь!
Фото стали нормальными для телефонов. а как сделать их нормальными для планшетов?
И как уменьшить кнопки "Добавить в корзину"? и саму сетку товаров?

Screenshot_1.png Screenshot_2.jpg
 

susha

Форумчанин
#9
Самый простой способ, переименовать "Добавить в корзину" на "В корзину"
Сделал "Подробнее". Теперь при нажатии переходит на страницу товара. Осталось выравнить и изменить отображение для планшетов.
 

Вложения

susha

Форумчанин
#10
Для планшетов нужно прописывать отдельные стили? И как выровнить сетку с товарами для телефонов и планшетов?
 

tuxfighter

Гуру
Местный
#11
Для планшетов нужно прописывать отдельные стили?
да, со своим разрешением
И как выровнить сетку с товарами для телефонов и планшетов?
точно так же, как и с полной версией - размерами изображения и количеством текста
 

susha

Форумчанин
#12
Большое спасибо за помощь! У меня очередной вопрос где править слово "Menu" для адаптивной версии?

Screenshot_3.png
 

ADv

Гуру
Местный
#13