Hola gracias por dar atención a mi duda, resulta que quiero usar esta plantilla responsive design
http://luiszuno.com/themes/wp-folder/ pero lo único que no me agrada de esta plantilla es que el banner principal según el dispositivo solo cambia de tamaño el div que lo contiene a las imágenes más estas no cambia de tamaño a pesar que le cree una regla:
img { width: 100%}
solo se pierde la visión del lado derecho de las imágenes. Encontre un js (custon.js) que lo define así dándole un tamaño fijo de 940px
Por eso decidí y aquí quiero que me den sugerencias: oculte ese banner con display: none cuando se vea por un smartphone y habilitar otro banner que si se ajuste con width: 100% que alla estado oculto.
Pero esto me cargaría dos js distintos: 1 para el primer banner y otro para el segundo juego de banner.
Por eso viene mi pregunta ¿Habra una manera de ocultar o habilitar div sin que deban cargarse los dos (banner) sino uno de ellos según el dispositivos de donde se ve la página?