Feature widgets off centered when in mobile view

For some reason when i view my webpage in mobile view everything is off centered, I went through all the settings and aligned centered what options there were, im not sure what custom css i can use to fix this, any advise?

Hello there,

Please share a link where the issue appears, so I can have a look. Probably we could fix it with a couple lines of CSS code.

Regards,
Kharis

where this happens is on the home page and the packages and pricing page where the siteorigin features widget are being used on https://www.revivaldetailers.com

Try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 500px) {
      .home-features {
        min-width: auto !important;
      }
    }

Regards,
Kharis

Thanks for the quick reply, on this page https://www.revivaldetailers.com/packages-and-pricing/ , the issue still exists, i tried applying .pp-features aswell but it still looks different, any ideas?

Try this code:

    @media only screen and (max-width: 500px) {
      .home-features,
      .pp-features {
        min-width: auto !important;
      }
    }

Regards,
Kharis

This helped me solve the issue, ty!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis