У меня есть сайт тестирования с eshop (у меня нет разрешения на бэкэнд, просто нужно использовать или.
Сайт есть -> Нажмите на ссылку
Вы можете видеть синий баннер в середине между продуктами. Я использую его для показа баннера на мобильных устройствах (по умолчанию они невидимы в 767 пикселей).
Это работает (если вы используете инструменты разработчика вChrome или Mozilla), баннеры показываются, но если я загружаю сайт на мобильном телефоне, баннеры не видны, и я не знаю почему.
Есть идеи?
Код по умолчанию такой:
@media (min-width: 767px){.banners-top,.banners-content,.banners-footer{display:block}
{.banners-top,.banners-content,.banners-footer{display: none}
Я использую этот код для показа баннеров на маленьких экранах:
@media (min-width: 200px){.banners-top,.banners-content,.banners-footer{display:block}