Blog Page / Post / Single Post not responsive to mobile

Hi, I am experiencing an issue where the Blog page (http://strideconsulting.co.uk/blog/) and single posts within 'Vacancies (http://strideconsulting.co.uk/jobs/technical-salesforce-administrator/) is not displaying correctly on mobile devices.

How can I get the pages to become responsive and display the text correctly?

Kind regards,
James

Hello James,

I visited your site and inspected it. I found the below extra CSS code that resides somewhere in page builder configuration breaks the layout on smaller screen. To prevent this to happen, try adding this simple CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 991px) {
      #content {
        margin-left: 0;
        margin-right: 0;
      }
    }

Regards,
Kharis

Hi Kharis,

Thank you for replying, I’ve added the code but unfortunately, there has been no change. Is there anything else you could suggest that would be causing this?

There are 2 CSS editors installed Simple CSS and Site origin CSS, I have attached images of both so you can see what is already there.

37

Many thanks,
James

Hi,

I’ve had a play around and reduced the max width on the code you provided and it has worked.

thanks for your help!

Hello there,

I visited your blog page and single post; it looks like the content area is displaying properly on smaller screen.

Have you been able to manage it yourself? Or do you still need an assistance with this matter?

Regards,
Kharis