Поддержка Проблемы и решения Показывать только на мобильном

  • Решено garetziro

    (@garetziro)


    Подскажите, пж, что нужно задать блоку, чтобы он отображался только на мобильных устройствах, а на ПК нет.
    Спасибо.

Просмотр 6 ответов — с 1 по 6 (всего 6)
  • anonymized-14765447

    (@anonymized-14765447)

    garetziro, привет.

    Можете использовать @media.

    Автор garetziro

    (@garetziro)

    Можете использовать @media.

    Спасибо, начал изучать.

    anonymized-14765447

    (@anonymized-14765447)

    garetziro, на здоровье 🙂 Там всё довольно просто: определяете нужные брейкпоинты, прописываете внутри каждого нужные стили. К примеру:

    @media only screen and (max-width : 320px) {
    	.селектор {свойство;}
    }
    @media only screen and (max-width : 480px) {
    	.селектор {свойство;}
    }
    @media only screen and (max-width : 768px) {
    	.селектор {свойство;}
    }

    Подскажите, пж, что нужно задать блоку, чтобы он отображался только на мобильных устройствах, а на ПК нет.

    Как вариант без танцев с бубном: https://ru.wordpress.org/plugins/mobile-only-desktop-only-content/
    Пусть не смущает упоминание о старости плагина! Он прекрасно работает на двух моих сайтах в текущих свежих версиях WP и PHP и не конфликтует со всеми другими обновляемыми плагинами

    Автор garetziro

    (@garetziro)

    Там всё довольно просто: определяете нужные брейкпоинты, прописываете внутри каждого нужные стили.

    Я использовал немного иначе
    @media only screen and (max-width : 960px) и
    @media only screen and (min-width : 960px) — все получилось, спасибо.

    Как вариант без танцев с бубном: https://ru.wordpress.org/plugins/mobile-only-desktop-only-content/

    Да пытаюсь как-то разбираться.)

    anonymized-14765447

    (@anonymized-14765447)

    garetziro, рад, что всё получилось 🙂

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