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

Помогите разобратся с мобильной версией сайта

Тема в разделе "Вопросы, советы и доработки.", создана пользователем ArtemZhyg, 8 окт 2015.

  1. ArtemZhyg

    ArtemZhyg

    Сообщения:
    49
    Симпатии:
    2
    Баллы:
    8
  2. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Темы адаптируют под разные разрешения с помощью медиа запросов.
    Адаптация темы с нуля достаточно долгий процесс.
    Проще выбрать уже адаптивную тему.
     
  3. ArtemZhyg

    ArtemZhyg

    Сообщения:
    49
    Симпатии:
    2
    Баллы:
    8
    В том то и дело что моя тема как бы адаптивна
     
  4. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Верстку не подсказывают по "картинкам". Если хотите, чтобы кто-то посмотрел нужно давать ссылку на сайт.
     
  5. ArtemZhyg

    ArtemZhyg

    Сообщения:
    49
    Симпатии:
    2
    Баллы:
    8
    сайт
     
  6. dave14

    dave14 Местный

    Сообщения:
    129
    Симпатии:
    38
    Баллы:
    28
    Навскидку по ширине товарных блоков
    в файле
    http://geekbull.com.ua/wp-content/themes/modality/style.css
    забита ширина одного товарного блока в 21%:

    .woocommerce ul.products li.product {
    width: 21%;
    height: 355px;
    }

    Чтобы один блок занимал больше места добавьте в этот файл
    Код:
    @media only screen and ( max-width: 479px ) {
    .woocommerce ul.products li.product {
    width: 48% !important;
    }
     
  7. ArtemZhyg

    ArtemZhyg

    Сообщения:
    49
    Симпатии:
    2
    Баллы:
    8
    Спасибо стало лутше, но вознкла проблема с неровным отображением карточек товара
    https://drive.google.com/drive/u/0/folders/0B-RLGM63pvb_dmlTekhKa3VyeFk
     
  8. dave14

    dave14 Местный

    Сообщения:
    129
    Симпатии:
    38
    Баллы:
    28
    ну я так понимаю, вы скобку забыли в конце файла стилей добавить:
    Код:
    @media only screen and ( max-width: 479px ) {
    .woocommerce ul.products li.product {
    width: 48% !important;
    }
    
    .woocommerce ul.products li.product .price {
      position: absolute;
      bottom: 50px;
      left: 40px;
    }
    
    .woocommerce ul.products li.product .button {
      position: absolute;
      bottom: 0;
      left: 0px;
    }
    }
     
    • Нравится Нравится x 1
  9. ArtemZhyg

    ArtemZhyg

    Сообщения:
    49
    Симпатии:
    2
    Баллы:
    8
    добавил не помогло
     
  10. dave14

    dave14 Местный

    Сообщения:
    129
    Симпатии:
    38
    Баллы:
    28
    1. с мобильника колонки нормальные
    [​IMG]
     
  11. dave14

    dave14 Местный

    Сообщения:
    129
    Симпатии:
    38
    Баллы:
    28
    2. а чтобы убрать неровное отображение я бы min-height задал для блока цены и заголовка.

    еще советую надпись "добавить в корзину" переделать на просто "В корзину"