Pagination in article list going vertical instead of horizontal

Chi-K

Hi... in the page mentioned, the pagination seems to go vertical instead of horizontal. Looks weird. It does this in both desktop and mobile. Thanks!

dominic

Hi Chi-K,
I have added the following CSS code to the templates/ja_mixstore/local/css/custom.css file

.pagination-wrap {
    margin-top: 24px;
}
.pagination-wrap ul {
    list-style-type: none;
    padding: 0;
    display: flex;
}
.pagination-wrap ul li {
    margin: 0 7px;
    padding: 2px 13px;
    border: 1px solid #ededed;
}

NOTE: If you want to customize the CSS, you can put your code in this file.

Chi-K

Does it work globally .. i found it happens on the shop URL too (updated in the fields)

dominic

Hi Chi-K,
To work globally , you can used the following CSS code:

.pagination-wrap,
.pagination {
    margin-top: 24px;
}
.pagination-wrap ul,
.pagination ul {
    list-style-type: none;
    padding: 0;
    display: flex;
}
.pagination-wrap ul li,
.pagination ul li {
    margin: 0 7px;
    padding: 2px 13px;
    border: 1px solid #ededed;
}

Chi-K

Ive already added it but its still going horizontal here. You can see it in mobile view in the /shop path

Chi-K

hi @dominic would you mind to see if its something I missed? Thanks!

dominic

Hi Chi-K,
I have checked and updated the CSS in the /local/css/custom.css file.