Estoy usando un plugin jquery (easyPaginate.JS)
https://st3ph.github.io/jquery.easyPaginate/
para hacer una paginacion, donde solo quiero que se muestren 3 imagenes por pagina en la version desktop, y una abajo de la otra segun adapto la pantalla....?, son como 20 imagenes con este codigo de muestra:
<div id="easyPagination>
<img class="imgpast" src="images/past_events/Kunsthanverkerne- -Kongensgate.jpg" alt="Kunsthanverkerne-i-Kongensgate" title="Kunsthanverkerne-i-Kongensgate">
<p class="detaile">Desember 2017. Kunsthåndverkerne i Kongens gate</p>
<hr>
</div>
El script es:
$("#easyPaginate").easyPaginate({
paginateElement: "img",
elementsPerPage: 3,
effect: "climb"
});
el CSS:
#easyPaginate img {display:block;margin-bottom:10px;margin:auto;}
.easyPaginateNav a {padding:5px;}
.easyPaginateNav a.current {font-weight:bold;text-decoration:underline;}
Estoy usando un plugin jquery (easyPaginate.JS)
https://st3ph.github.io/jquery.easyPaginate/
para hacer una paginacion, donde solo quiero que se muestren 3 imagenes por pagina, son como 20 imagenes con este codigo de muestra:
<div id="easyPagination>
<img class="imgpast" src="images/past_events/Kunsthanverkerne- -Kongensgate.jpg" alt="Kunsthanverkerne-i-Kongensgate" title="Kunsthanverkerne-i-Kongensgate">
<p class="detaile">Desember 2017. Kunsthåndverkerne i Kongens gate</p>
<hr>
</div>
El script es:
$("#easyPaginate").easyPaginate({
paginateElement: "img",
elementsPerPage: 3
});
el CSS:
#easyPaginate img {display:block;margin-bottom:10px;margin:auto;}
.easyPaginateNav a {padding:5px;}
.easyPaginateNav a.current {font-weight:bold;text-decoration:underline;}
Como puedo hacer para que la paginacion sea responsiva??, de la forma que la hago y pruebo me funciona bien en desktop pero no en mobile...como podría arreglarlo..?
Gracias