[Steve B]

Wanted to bring this to your attention.
When using the numbered pagination, the numbers are very hard to select on tablet on phone. Very hard to click on it just right so it gets selected.
I like the minimal look, but wonder if you could make the selectable area around the numbers a little bigger some how.

Thanks!

[serkan]

Hi Steve,
You can try to use this custom css code;

.nav-links .page-numbers { padding: .3em .8em; }

Thanks

[Steve B]

That helps! Thanks!

[serkan]

You are welcome.

[Steve B]

Actually now that I test it out a little more, the numbers really are too small of an area to hit with your finger on a mobile device (even on tablet). Takes several attempts before you can finally hit it just right. The “next” link is ok.
Hoping you can eventually improve this?! Maybe put a circle around the numbers (not shaded) as well and have the whole circle be clickable? And then the page you are on would be shaded?

I know there is the old style – (older/newer) but would really rather not use that.

Thanks!

[serkan]

Hi,
Could you provide me your related url, please ?
Thanks

[Steve B]

Hi Serkan,
Actually all three sites –

http://www.thebudgetdecorator.com
http://www.decoratingyoursmallspace.com
http://www.thegardenglove.com/

Could you do something like this photo, to give you more surface area to be able to click on:

http://www.decoratingyoursmallspace.com/wp-content/uploads/2017/04/pagination.jpg

Thanks!

[serkan]

Hi, I updated the custom CSS code as above to be padding from the margin. Could you try again?

[Steve B]

Yes – that is so much better! The circle is now a oval, but guess that is ok.
Thanks Serkan!

[serkan]

Hi Steve,
You can play with the padding space;
padding: 0.3em 1.6em;
Thanks