Desculpem minha ignorância, mas as respostas ainda não ficaram claras...
Minha página (com as DIVs em questão) está assim:
(adsbygoogle = window.adsbygoogle || []).push({});
(adsbygoogle = window.adsbygoogle || []).push({});
=================================
Tenho um CSS com o seguinte formato:
/* -------------------------------------------- *
* Toolbar-web
*/
@media only screen and (min-width: 480px) {
.toolbar-web {
margin-top: 10px;
margin-bottom: 15px;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
background: #f4f4f4;
padding: 5px 10px 0px 10px;
}
.toolbar-web:after {
content: '';
display: table;
clear: both;
}
.pager-no-toolbarweb {
margin-bottom: 10px;
}
.pager-no-toolbarweb ~ .pager-no-toolbarweb {
margin-top: 10px;
}
.toolbar-web,
.pagerweb {
font-family: "Open Sans", "Helvetica Neue", Verdana, Arial, Raleway, sans-serif;
color: #636363;
line-height: 30px;
font-size: 12px;
}
.toolbar-web label,
.pager-no-toolbarweb label {
font-weight: normal;
text-transform: uppercase;
}
}
/* -------------------------------------------- *
* Toolbar-wap
*/
@media only screen and (max-width: 479px) {
.toolbar-wap {
margin-top: 10px;
margin-bottom: 15px;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
background: #f4f4f4;
padding: 5px 10px 0px 10px;
}
.toolbar-wap:after {
content: '';
display: table;
clear: both;
}
.pager-no-toolbarwap {
margin-bottom: 10px;
}
.pager-no-toolbarwap ~ .pager-no-toolbarwap {
margin-top: 10px;
}
.toolbar-wap,
.pagerwap {
font-family: "Open Sans", "Helvetica Neue", Verdana, Arial, Raleway, sans-serif;
color: #636363;
line-height: 30px;
font-size: 12px;
}
.toolbar-wap label,
.pager-no-toolbarwap label {
font-weight: normal;
text-transform: uppercase;
}
}
=================================
Como Ocultar as DIVs da classe: "toolbar-wap" e "toolbar-web"
$_SERVER
e capturarHTTP_USER_AGENT
, apos é so criar umswitch
com cada tipo setando a imagem.<div>
s de acordo com tipo do navegador, o Bootstrap tem essas classes e você pode tomar como exemplo: getbootstrap.com/css/#responsive-utilities-classes