Mobile version messed up

Hi there!

I already posted this on the Colorlib forum but maybe someone here has some idea on how to fix this issue. I’m still super happy with this theme but for some reason my site turns really messy when visited on a mobile Phone. I have the same theme working on a different site and it works great on that one. I thought it might have something to do with some CSS I added to disable the slider on small screens, but when I deleted that code the issue remains. So what exactly is the issue? When accessing my homepage (either with or without slider) the site adjust great to a mobile screen on iPhones, but when I click on a post that page doesn’t adjust and instead shows half of the page (see screenshots here). This is on iPhones; on Android it also displays the homepage like this. The slider however remains adjusted. Another issue on Android is that if I double tap to zoom out, the little Arrow that’s supposed to be on the right bottom of the screen is displayed in the middle of the page. I hope you understand what I mean…

I figured out that it has to do with the images that are used in the slider. I use a category called “featured” from where I derive the images for the slider. These images are uploaded with the recommended pixel width of 1920px. Posts that are not in that “featured” category have a regular 730px width featured image and behave normally on mobile phones.

Anyone an idea how to fix this? As a side note, I also added some code because my title links and “continue reading” links were not working on mobile but the issues described above remain if I remove that code as well.

Can anyone please help me out? Thanks so much!