Ajuda HTML/Javascript

[Gabriel Robucce]

Estou com um blogger. programando em uma ferramenta que só aceita códigos html e javascript!! achei várias soluções mas em outras linguagens aí não funciona nele...

O caso é: Tem um banner flutuante e eu quero que ele só apareça em versão desktop PC! não quero que o banner fique aparecendo em mobile.

 

Código do banner flutuante:

</style>
<script type="text/javascript" src="https://sites.google.com/site/testandojackson/publicidade.js"></script><div id="feed" style="visibility: hidden; background-color: #ffffff; width: 400px;height: 400px;border: 0px solid #0C527C; position: fixed; bottom: 40px; right: 40px; z-index:1000000"><div id="topo-title" align="center" style="width: 100%; height:40px; background-color: #E3C07F"><span id="pub" style="font-size:40px; color:#ffffff;font-weight: bold;"><a href="javascript:closebar(feed);"><img src="http://ap.imagensbrasil.org/images/2017/11/01/fechar.jpg" widht=80x height=62px; align="center" border="0" title="Fechar" /></a></span></div>
<img src="http://ap.imagensbrasil.org/images/2017/11/01/88.jpg" alt="banner147a22760e35c379.jpg";/>
</div></div>

[navegantenarede]

É possível fazer isso apenas com HTML/CSS/JS, até só com CSS é possível. Uma solução para o seu problema é usar media queries, assim você pode tratar a exibição dos elementos, seus tamanhos, etc, baseado no tamanho da tela.