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

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

Тема в разделе "Вопросы новичков", создана пользователем susha, 7 окт 2016.

  1. susha

    susha

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

    Screenshot_1.png
     
  2. tuxfighter

    tuxfighter Местный

    Сообщения:
    661
    Симпатии:
    105
    Баллы:
    43
    в css. сделать отдельный блк.
    к примеру так
    Код:
    @media (max-width: 480px) {
    /*************** Здесь стили для мобильников  ***************/
    
    
    }
     
    • Информативно Информативно x 1
  3. susha

    susha

    Сообщения:
    32
    Симпатии:
    0
    Баллы:
    6
    Мне в этом нужна помощь. Я не знаю что мне надо прописывать в стилях для мобильников.
     
  4. tuxfighter

    tuxfighter Местный

    Сообщения:
    661
    Симпатии:
    105
    Баллы:
    43
    эммм....... ну то что вы хотите увидеть на экране мобильника, то и пропишите.

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

    susha

    Сообщения:
    32
    Симпатии:
    0
    Баллы:
    6
    Вот этот сайт - http://turmeb.ru/ я в этом ничего не понимаю. Подскажите пожалуйста, что нужно прописать для мобильников?
     
  6. tuxfighter

    tuxfighter Местный

    Сообщения:
    661
    Симпатии:
    105
    Баллы:
    43
    Код:
    @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;
    }
     
    }
    
    можно попробовать так
     
    • Информативно Информативно x 1
  7. susha

    susha

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

    Screenshot_1.png Screenshot_2.jpg
     
  8. DiZeR

    DiZeR

    Сообщения:
    113
    Симпатии:
    16
    Баллы:
    18
    Самый простой способ, переименовать "Добавить в корзину" на "В корзину"
     
    • Информативно Информативно x 1
  9. susha

    susha

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

    Вложения:

  10. susha

    susha

    Сообщения:
    32
    Симпатии:
    0
    Баллы:
    6
    Для планшетов нужно прописывать отдельные стили? И как выровнить сетку с товарами для телефонов и планшетов?
     
  11. tuxfighter

    tuxfighter Местный

    Сообщения:
    661
    Симпатии:
    105
    Баллы:
    43
    да, со своим разрешением
    точно так же, как и с полной версией - размерами изображения и количеством текста
     
    • Информативно Информативно x 1
  12. susha

    susha

    Сообщения:
    32
    Симпатии:
    0
    Баллы:
    6
    Большое спасибо за помощь! У меня очередной вопрос где править слово "Menu" для адаптивной версии?

    Screenshot_3.png
     
  13. ADv

    ADv Местный

    Сообщения:
    428
    Симпатии:
    108
    Баллы:
    43
    В js файле из темы. Запустите поиск по содержимому.
     
    • Нравится Нравится x 1
  14. susha

    susha

    Сообщения:
    32
    Симпатии:
    0
    Баллы:
    6
    Спасибо за помощь! нашел.
     
    • Это здорово! Это здорово! x 1