Pagination and search not working on mobile #204
Description
Hi. I’m having problems with smart blog: search box on mobile isn’t showing, pagination isn’t working properly, you need to click below the page number to work. When activating MODE_DEV in ps and using the ps search (not blog search), I get this error on a blank page: [Debug] This page has moved
Please use the following URL instead: https://www.mysite.ro/buscar?orderby=position&orderway=desc&search_query=pliabil
On desktop everything works as expected.
I’m using Smart Blog 2.2.0, Prestashop 1.6.1.9, PHP version: 5.6.40, theme default_bootstrap
www.scauneautocopii.ro
Any ideas what could be wrong? Thank you!
LE: Sort of solved pagination problem : In public_html/themes/default_bootstrap/css/global.css, I modified:
.pagination {
display: inline-block;
padding-left: 0;
margin: 18px 0;
line-height: 1.412;
}
to
.pagination {
display: inline-block;
padding-left: 0;
margin: 2px 0;
line-height: 2.2;
}
And in:
.top-pagination-content ul.pagination,
.bottom-pagination-content ul.pagination {
margin: 38px 0px 8px 0; }
@media (max-width: 991px) {
.top-pagination-content ul.pagination,
.bottom-pagination-content ul.pagination {
float: left; } }
.top-pagination-content ul.pagination li,
.bottom-pagination-content ul.pagination li {
display: inline-block;
float: left; }
.top-pagination-content ul.pagination li > a,
.top-pagination-content ul.pagination li > span,
.bottom-pagination-content ul.pagination li > a,
.bottom-pagination-content ul.pagination li > span {
margin: 28px 1px 0 0px;
padding: 0;
font-weight: bold;
border: 1px solid;
border-color: #dfdede #d2d0d0 #b0afaf #d2d0d0;
display: block; }
.top-pagination-content ul.pagination li > a span,
.top-pagination-content ul.pagination li > span span,
.bottom-pagination-content ul.pagination li > a span,
.bottom-pagination-content ul.pagination li > span span {
border: 1px solid #fff;
padding: 2px 8px;
display: block;
background: url(../img/pagination-li.gif) 0 0 repeat-x #fbfbfb; }
Changed margin: 8px 0px 8px 0; } to margin: 38px 0px 8px 0; } and margin: 8px 1px 0 0px; to margin: 28px 1px 0 0px;