Puede crear dos controles deslizantes de WordPress, uno para dispositivos móviles y otro para escritorio.
- Después de haber creado dos controles deslizantes, puede agregar el siguiente código a su publicación o página. Asegúrese de cambiar el valor de ID en el código al de sus propios controles deslizantes.
<div id="largescreen">
[wonderplugin_slider id="1"]
</div>
<div id="smallscreen">
[wonderplugin_slider id="2"]
</div>
- Luego, puede agregar el siguiente código CSS a su archivo style.css de tema de WordPress para mostrar el pequeño control deslizante cuando el ancho de la pantalla es inferior a 640 px:
#largescreen {
display: block;
}
#smallscreen {
display: none;
}
@media (max-width: 640px) {
#largescreen {
display: none;
}
#smallscreen {
display: block;
}
}
.