Button not showing up on tablet size but shows on mobile and desktop

I am trying to do sticky next and prev buttons on each of my portfolio pages, I've managed to get them to work on my desktop as well as mobile but when i go to check on my tablet only the one button ("next") shows at fullscreen. The only time I can see the second "prev" button is when its half screen view on the tablet squarespace app.

I am using this:

@media only screen and (min-width: 280px) and (max-width: 992px)  to target the sizes,

the only way it will fit or show up on the mobile is when I do 280 px and I've messed around with it so much now so I'm a bit lost on how to get it to show on a full sized tablet as well any insight is appreciated

site is :

https://flugelhorn-seahorse-lzrb.squarespace.com/aqua-de-vida

pw: design123

Add to Design > Custom CSS

/* tablet prev next */
@media screen and (max-width:900px) and (min-width:641px) {
div#previous-page {
    right: unset;
    left: 0;
}
}

Hi @tuanphan

So I saw movement on my desktop of the previous button but when I go to look at it on my tablet it still doesn't show up? desktop and mobile is fine? I attached an image of the tablet not showing it

On 9/9/2021 at 2:35 AM, jenniferboddam said:

Hi @tuanphan

So I saw movement on my desktop of the previous button but when I go to look at it on my tablet it still doesn't show up? desktop and mobile is fine? I attached an image of the tablet not showing it

Do you use iPad Pro? Try chaning 900px to 1024px

@tuanphan No I use a ipad mini, its so weird idk why its not showing up when it shows up fine on the others