Blog index display issues on mobile

[onemanparsons]

Hi there,

I’m experiencing some issues with how the blog index page displays on mobile (smaller than 979px). The blog articles are shown in two very narrow columns, and under 480px the single-column blog posts are still very narrow.

Ideally, I’d like the articles to take up the full width of the page, like it does on desktop. See two screenshots attached.

View the blog page here: https://www.tsiba.ac.za/staging/blog/

[thai]

Hi There,

Upon checking your website, I could see that the X theme & Cornerstone plugin are outdated. Please update them to the latest version:

https://theme.co/changelog/

Here is the update guide:

How to Update | Themeco Docs

Let us know how it goes!

[onemanparsons]

Hi Thai,

Thanks for assisting with this. I’ve updated all plugins and X theme - the issue is still there. I’ve tried identifying the CSS to resolve this, but I haven’t had any luck.

[mldarshana]

Hi There @onemanparsons

It seems that your custom CSS added to your site causing this issue. Try removing all of your custom CSS rules and re-test this issue again. Check specially the CSS media queries such as follows.
@media (max-width: 979px)

Make sure to purge full cache before testing (https://www.wpbeginner.com/beginners-guide/how-to-clear-your-cache-in-wordpress/).

Let us know how it goes.
Thanks!