Галерея в мобильной версии

  • Yurez

    (@yurez)


    9 лет назад

    Здравствуйте. На сайте в записях есть галереи в 4 колонки. При уменьшении окна браузера, или при просмотре на мобильном, картинки так и остаются в четыре колонки и при этом очень мелкие. Как сделать, чтобы картинки на мобильном были в одну колонку, а при уменьшении окна\экрана -в 3-2-1 колонку?

Просмотр 6 ответов — с 1 по 6 (всего 6)
  • Автор Yurez

    (@yurez)

    9 лет назад

    В каком файле хоть копать? В стилях или нет?

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    9 лет назад

    Здравствуйте.

    Нужен адрес этой страницы с галереей, чтобы хоть что-то можно было сказать.

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    9 лет назад

    В стилях или нет?

    Попробуйте добавить в стили правило:

    @media only screen and (max-width: 767px) {
    .gallery-item {
        width: 100% !important;
    }
}

@media only screen and (max-width: 999px) {
    .gallery-item {
        width: 50% !important;
    }
}

    Автор Yurez

    (@yurez)

    9 лет назад

    Получается в две колонки.И кое-где разъезжаются по вертикале

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    9 лет назад

    Я обновил свой ответ, попробуйте ещё раз.

    Автор Yurez

    (@yurez)

    9 лет назад

    Ну, тоже самое получается. Хотелось, что бы они вели себя как в Related Post, что ниже.

Просмотр 6 ответов — с 1 по 6 (всего 6)
  • Тема «Галерея в мобильной версии» закрыта для новых ответов.