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

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

    (@yurez)

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

    Модератор Denis Yanchevskiy

    (@denisco)

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

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

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

    Модератор Denis Yanchevskiy

    (@denisco)

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

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

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

    @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)

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

    Модератор Denis Yanchevskiy

    (@denisco)

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

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

    Автор Yurez

    (@yurez)

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

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