The pagination in mobile is broken

Chi-K

The pagination is showing up like below. Seems its broken, both in mobile and desktop actually.

cssyeah

I couldn't access the back-end of your website. You can add the below CSS rules to the custom.css file to fix this issue.

.pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 8px;  
}

.pagination ul > li.pagination-start span.pagenav,
.pagination ul > li.pagination-prev span.pagenav,
.pagination ul > li.pagination-next span.pagenav,
.pagination ul > li.pagination-end span.pagenav {
  opacity: .8;
}

.pagination ul > li span.pagenav {
  font-weight: 600;
}

.pagination ul > li a.pagenav {
  color: #222222;
}

.pagination ul > li a.pagenav:hover,
.pagination ul > li a.pagenav:focus,
.pagination ul > li a.pagenav:active {
  color: #ff4141;
}

Regards,

Chi-K

Hi i tried but it does not work. I have updated the link in the Fields for access to the system.

saguaros

I don't see the suggested css code in your site, I added for you into the file: /templates/ja_mixstore/css/custom.css

Kindly check.

Chi-K

That works... thanks