Theme works in everywhere but the iPad (and tablets in general)

I’m going crazy, seriously.

I installed a theme called Anabella, great theme EXCEPT for this.

I changed everything I wanted on the CSS, and when I decided to test it in several devices I realized it’s not working properly on the iPad (and other tablets). I tested on all the iPhones and most of the Android smartphones (I don’t have that much devices, I used the Google Chrome simulator and other extensions like that).

The I thought “ok, maybe you’re stupid and screwed up some code”, I uninstalled the theme AND wordpress, and re-installed EVERYTHING and then I realized that when I got the theme installed again, it was still happening (so it’s not something I did wrong).

what happens is: if you open the blog on a computer, the sidebar is on the side. if you open it on a phone, it goes to the bottom of the page (which is expected, since it’s a responsive theme). but if you open it on an iPad, the freaking sidebar it’s still on the side, but for some unexplained reason, the sidebar gets “too far” from the content table and you can only see a teeeny tiny part of it. And you can’t navigate.

So it looks like it works fine on small screen devices (even though I have an iPhone 6+ and it does work ok on it) and big screen devices (I have an iMac, but I emulated how it would behave in a laptop 13′ screen and it’s also ok).

Does anybody have any idea on how to fix this?