Page Break button

Hi,

I just checked the pagination with my mobile and now is look that this is the only problem -> https://prnt.sc/skcbzz but is look that the code set in custom css section affect the desktop -> https://i.imgur.com/69TCHBH.png I tried my best to help you, but I can not make the first button to be full width without affect other pages, sorry!

Thank you for your understanding!

Hi,

Thank is because of this css ->
.single .page-nav a[href$="/2/"] {
width: 100%!important;
margin-left: 0!important;
}
this css will apply 100% width to all elements that has the link end with 2 and this is the case where are two links with page 2 -> https://i.imgur.com/eW2nARU.png I search for a better css to apply only on first element, but unfortunately I was not able to find a solution, sorry!

Thank you for your undersatnding!

Hi Amitty,
I can help you with a custom css, for this I will need a link to your website where I can inspect a post with pagination. In this way, I can inspect the problem and I can make the necessary css for everything to look good.
Thank you!

Hi,
Please try this custom css
.page-nav.page-nav-post {
width: 100%;
}
Set the code in the theme panel > custom code > custom css > advance cess > phone css – https://i.imgur.com/9DndL2V.png
I hope this will help you!

Hi,
Yes, that is caused by this code

.single .page-nav a[href$="/2/"] {
width: 100%!important;
margin-left: 0!important;
}

You can remove it from your css and should be ok.

Hi,
There seems to still be a similar code like that that is applied –
.page-nav a[href$="/2/"] {
width: 100%!important;
}
Please remove this one too – https://i.imgur.com/iX7vPCz.png

Hi Amitty,
Can you please provide a link to your website and also please let that code removed.
Thank you!

Hi,
What you can do is add this custom css
.page-nav {
display: flex;
}
body .page-nav a {
max-width: 100%!important;
width: 100%!important;
}
This should resolve the problem.
Let me know the results!