Why is pagination not functioning correctly on page 2 and 3?

Store Design
1

Afternoon Community,

I’ve recently had an awesome member from the community help me out regarding Pagination that wasn’t working at all. Now it’s working perfectly on page 1 but once you get to page 2or3 it drops out of sync.

I think it’s all about the CSS or something because they function but are all in the wrong place. .

I also think this might be a theme issue as well maybe.

page2.png
page2.png701×733 35.5 KB

Window Boxes – Page 2 (agp.net.au)

PASSWORD - Burgess

Cheers in advance community.

2

hi @BenH40 ,

Can you please add the code bellow into assets/theme.css file:

.pagination{
    justify-content: center;
}
.pagination .pagination__inner{
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-content: center;
}
.pagination .pagination__inner .pagination__nav{
    margin-top: 4px;
}
.pagination .pagination__inner .pagination__page-count{
    margin-top: 8px;
}

put the code at the bottom of that file.

Hope can helpful to you!

1 Like
3

Cheers PHAVIA,

That works perfectly thanks again for the assist.