Colocar banner responsive para desktop y móviles

Hola

Necesito saber si existe alguna manera o si existe algun plugin que permita colocar un banner para desktop y un banner para dispositivos moviles (celulares).

Tengo problemas con un banner para la pagina web de un cliente, si pongo su tamaño complete entonces el diseño responsive en el celular se ve feo, si reduzco su tamaño entonces se ve bien pero no se ve complete en desktop.

Si alguien sabe como solucionar esto se lo agradeceria.

saludos

La forma no Optima y que no recomendaria es que pongas ambos , y con CSS segun el ancho de la pantalla (mediaquery) le agregues display:none a uno u otr, y de esa forma solo tendras 1 en pantalla.

Algo mas indicado sin embargo es mediante PHP detectar si estas en Movil o Desktop y en base a eso cargar uno u otro banner. Ahora bien esto puede darte problemas si tu plugin de cache no esta bien configurado o no crea una cache aparte para moviles.

Lo totalmente correcto es usar el atributo srcset o picture para indicar la carga correcta de imágenes según la pantalla, aca lo explican en detalle Responsive Images in CSS | CSS-Tricks

El plugin AdSensei3.0
Creas un anuncio con el código para ordenador y marcas que solo se muestre en Pc
Creas un anuncio con el código para móviles y marcas que solo se muestre en móviles
Listo

Lo mas sencillo sin conocimientos de css, es utilizar el Bakery Visual Composer, viene por defecto instalado en la mayoría de themes, lo único que tienes que hacer es crear una sección y dentro de los ajustes de columna seleccionar en que dispositivo se visualizara.

Es decir crearas dos una para móviles y otra para equipos de escritorio. Así podrás visualizar tus imágenes sin problemas en cada tipo de resolución.

Saludos