Sydney FP Facts centered but now displays uneven on mobile devices

Hello,

I centered the Sydney FP facts widget using margin-left, as we only needed three facts to be shown: my website

Unfortunately now the display on mobile devices is totally messed up, as of course, the widget is not automatically displayed as centered … How do I repair this?

I adjusted quite a lot of widgets by using custom margins - is there a way to automatically override my CSS in case of a display on smaller screen end devices?

Thank you
best regards

Sophie

Hi,

Please remove your Custom CSS and try this one instead:

@media (min-width: 768px) {
#panel-87-1-0-1 .col-sm-3 {
    width: 33% !important;
}
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also use this plugin to add the CSS to it: https://wordpress.org/plugins/simple-custom-css/ so you will not loose the changes on theme updates.

Please let me know how it works.

Best Regards,
Csaba