Solved

How to center pagination on Dawn theme shop pages?

LauraKincade
New Member
5 0 0

Hi, does anyone knows how to fix the pagination on all the shop pages?

We are using Dawn theme.

 

Website page: https://www.laurakincade.com/collections/just-arrived

 

The pagination is align on the left of the page, so if you want to click on page 1 or 2 on mobile, it wont let you because it's off screen.

 

Thank you

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
7545 1454 1452

This is an accepted solution.

Hi @LauraKincade 

You can solve the issue by adding this code to your theme.liquid file after <head> in Online Store > Themes > Edit code 

<style>
.pagination {
justify-content: center;
}
</style>

Screenshot 2024-02-16 at 10.05.20.png

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 3 (3)

LauraKincade
New Member
5 0 0

Sorry this is an example of the problem in our website: https://www.laurakincade.com/collections/in-stock

Dan-From-Ryviu
Shopify Partner
7545 1454 1452

This is an accepted solution.

Hi @LauraKincade 

You can solve the issue by adding this code to your theme.liquid file after <head> in Online Store > Themes > Edit code 

<style>
.pagination {
justify-content: center;
}
</style>

Screenshot 2024-02-16 at 10.05.20.png

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

suyash1
Shopify Partner
9139 1138 1485

@LauraKincade - please add this css to the very end of your base.css file and check

 

.pagination{display: block !important;}

 

suyash1_0-1708052930239.png

 

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session