Правка CSS для адаптивного дизайна

Самое лучшее, это через js.

вытаскивать ширину страницы и писать условия.

ну или display:none, display:block

Можно подробнее?

чтобы сделать картинку или баннер адаптивным попробуйте прописать в css

div img {

    max-width: 100%;

    height: auto;

}

вместо div img подставьте наименование вашего блока с картинкой или баннером

а если вам нужно поменять разметку, то js вам поможет

удалите старый элемент и добавьте новый

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- В центре статьи -->

<ins class="adsbygoogle"

style="display:inline-block;width:728px;height:90px"

data-ad-client="ca-pub-7198601194119518"

data-ad-slot="4562065786"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script> {

max-width: 100%;

height: auto;

}

Так?

попробуйте так

1) Тестировал, но лучше сразу адаптивный блок от Адсенс.

Или измеряем скриптом размер боди: if (document.getElementsByTagName("body")[0].offsetWidth>700) { Если больше 700, выводим 1 блок } else { Если меньше - другой. }

2) @media screen and (max-width: 650px) { #id_bloka {display: none;}}

Не показывать блок с ID id_bloka при ширине экрана меньше 650.

Код адаптивного блока помещаете в div, которому через css задаете нужные размеры. В чем проблема-то?