• Никакой политики на форуме. Иначе - бан!
  • Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

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

susha

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

Screenshot_1.png
 

tuxfighter

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


}
 

susha

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

tuxfighter

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

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

susha

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

tuxfighter

Гуру
Местный
Код:
@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

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

Screenshot_1.png Screenshot_2.jpg
 

susha

Форумчанин
Самый простой способ, переименовать "Добавить в корзину" на "В корзину"

Сделал "Подробнее". Теперь при нажатии переходит на страницу товара. Осталось выравнить и изменить отображение для планшетов.
 

Вложения

  • Screenshot_1.png
    Screenshot_1.png
    106.7 KB · Просмотры: 9

susha

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

tuxfighter

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

susha

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

Screenshot_3.png
 
Сверху Снизу