Pagination style shows on mobile menu (dawn theme)

Shopify Discussion
1

I have an issue with my pagination style showing up in my menu. See picture:

Pagination style.jpeg
Pagination style.jpeg1178×1394 43 KB

I am currently using this code in theme.liquid underneath

.slider-buttons .slider-counter__link { margin: 1rem 4px !important; padding: 0px !important; width: 100px; background: #ffffff33; } .slider-mobile-gutter .slider-buttons { position: absolute; left: 50%; bottom: 10px; z-index: 99; border: unset; transform: translate(-50%, 0px); } .slider-buttons .slider-button { display: none !important } .slider-buttons .slider-counter__link--dots .dot { border-radius: unset; width: 10rem; } .slider-buttons .slider-counter__link { padding: 1rem 4px; } .slider-buttons .slider-counter__link--dots .dot { background: #ffffff3d; } .slider-buttons .slider-counter__link--active.slider-counter__link--dots .dot { background: #fff; transition: 0.4s linear; transition-property: width, background-color; width: 100%; animation: progressAnimationStrike 3s; } @keyframes progressAnimationStrike { from { width: 0 } to { width: 100% } }

Can someone help me with this. :slightly_smiling_face:

2

Hey @Tolunay

Share your Store URL and Password if enabled.

Best Regards,

Moeed

3

https://svelt-amsterdam.com/nl

Password is not enabled

4

Hey @Tolunay

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1727166244385.png
Moeed_0-1727166244385.png379×672 13.7 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
5

Again, Thank you very much! This worked perfectly as well.

1 Like
6

Please update your code to this version
7

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

1 Like