Issue with Previous and Next buttons display

Solved
SauvageCraft
Tourist
4 0 1

Hi,

 

I am using the Simple theme and I have an issue with the Next and Previous buttons. They always appear on a line below the page numbers:

SauvageCraft_0-1612188362939.png

The website: sauvage-craft.myshopify.com.

 

Any idea on how I can fix this?

 

Thank you,

 

Gautier

 

0 Likes

Hello,

Please share:
- your store URL;
- page URL with the issue you mention;
- storefront password (if your store has one).

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Using a free theme? Improve it with copy/paste code snippets clicking here.
◦ Looking to hire an experienced developer? Same day response: ezfycode@gmail.com.
0 Likes
Guleria
Shopify Partner
1254 263 344

Hello Gautier,

Seems you added a CSS in theme.liquid
Once check in it and search where you added this css

span.current {
    display: block !important;
    text-align: center !important;
}

Once you find it remove the this line 

display: block !important;



Thanks

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate Click here (Its my paypal)
0 Likes
SauvageCraft
Tourist
4 0 1

Hello,

 

Here it is: sauvage-craft.myshopify.com
Issue on the following collection page (the other collection pages only have 1 page):

https://sauvage-craft.myshopify.com/collections/necklaces

Thanks Diego,

 

Gautier

 

0 Likes
SauvageCraft
Tourist
4 0 1

Hello Guleria,

Thanks for your reply.

I checked the theme.liquid and theme.scss.liquid and can't find any trace of the span.current code.

 

It probably comes from something else.

 

Gautier

0 Likes
tim
Shopify Expert
2857 117 937

This is an accepted solution.

@Guleria is right -- this CSS rule is the problem. However, it's not in your stylesheet, it's a part of mlveda currency switcher and is added by a snippet, most probably in your theme.liquid layout. If you're not using this app anymore, find where this snippet is included/rendered and remove this include/render.

However, you should be able to simply override this by adding the following rule to your theme.scss.liquid stylesheet:

.pagination .current {
    display: initial !important;
}

 

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
0 Likes
khilan
Tourist
56 2 10

please sir give me ur URL..

0 Likes
SauvageCraft
Tourist
4 0 1

Hi Tim,

 

Thanks a lot for the help. Indeed it works and I did install the snippet some time ago. I will dig into it to remove it later but the quick fix is perfect.

 

Thanks also @Guleria!