Решено Рекламы/банер для мобильных устройств

[bulach]

Как отключить показ рекламы/баннер в адаптивном дизайне?

Хочу повесить банер 468*60, но чтоб на телефонах не показывал.

 

[Hope]

В EXTRA.css:

<xen:if is="@enableResponsive">
@media (max-width:1120px)
{
    .Banner
    {
        display: none;
    }
}
</xen:if>

В нужный шаблон:

<div class="Banner">
Бла-бла-бла
</div>

 

[bulach]

Hope, Спасибо!

 

[Skaiman]

наверное допустимое максимальное значение можно поменьше сделать, для разрешения 1120px, баннер оставить видимым, а вот для 480px, убрать

@media only screen and (max-width: 480px) {
.banner {
  display: none;
}
}

 

[Hope]

Ну я просто привёл пример, а уж циферки человек я думаю сам в состоянии сменить. :)

 

[bulach]

А наоборот, чтоб мобильный баннер 240*320 к примеру показывал на адаптивном дизе, а в полной версии нет. Вот так будет?


@media only screen and (max-width: 240px) {
.banner240 {
display: none;
}
}

 

[Skaiman]

Нет. Условие display: none; отменяет показ, дан был пример только на отмену показа баннера 468*60 на мобильном устройстве

 

[bulach]

Skaiman, ну подскажите пожалуйста как сделать?

 

[Skaiman]

В рамках этого топика сложно рассказать обо всем, воспользуйся google,

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

и все найди про медиа запросы и адаптацию для мобильных устройств.