Category page doesn't work on mobile - cannot access articles

I’ve recently created a site
After creating more articles I noticed the category page doesn’t work properly on mobile. When you access this page for example:

… you can only click the first two articles. That is the issue in every single category.

I’d guess it has something to do with the right banner, since in the desktop version the page changes to different format below the first two articles. I’ve tried to change the right banner and removed all widgets but the problem remains. Always just the top two articles you can click.

Second question
How do I change the banner which is in the category page?

Hello there,

I hope you are doing well today.

Please go to Appearance >Customize > Banner Settings and disable the banner on archives. This is also where you would change the banner settings.

Best Regards,

Even if I disabled the banner from archives it didn’t disappear from the category page. However, when I removed the image entirely it finally went away.

However, this didn’t solve my original problem. If you open any of the category pages on mobile it’s not possible to click any articles below the first two ones. They are still not accessible. In the top two articles you can click the image, article link and also the category link (small blue box). But any article after that none of these links work.

I also tested your own demo here:
And it has the same issue. You can only access the top two articles and rest cannot be clicked. Hence, this issue is not in my material but a bug in your theme. I’m using iOS and I got this problem in both Safari and Chrome.

Can you get it sorted since it cannot be used if all mobile users can only read some of the articles.

Hello there,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/* change sidebar index on mobile */
@media (max-width: 768px){
  aside#secondary {
    z-index: -1;

Best regards,