Mobile: Problem with the services

Hi,

I have a problem with the “Services” part of my website. The layout is all wrong in the Mobile version.
Here is the mobile version of my website:

My website: asc2e.fr

What is the problem ? I didn’t change the padding of the mobile version so I don’t know why it looks like this.
Thank you for your help !
Regards, Léa.

Hello there,

It happens because 200px margin left and right applied to the widget’s settings. Please avoid it and use additional CSS instead.

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

    @media only screen and (min-width: 860px) {
      #pl-9 #panel-9-2-0-0 .services-section {
        max-width: 840px;
        margin-left: auto;
        margin-right: auto;
      }
    }

Regards,
Kharis

Hi Kharis,

Thank you for your quick reply.
Unfortunately, it still doesn’t work properly.

I am searching if I didn’t do something you in the page builder but cannot find what for now.

Regards, Léa.

Hello

Try this code:

    @media only screen and (min-width: 860px) {
      #pl-9 #panel-9-2-0-0 .services-section {
        max-width: 840px;
        margin-left: auto !important;
        margin-right: auto !important;
      }
    }

And remove widget’s margin in page builder.

Regards,
Kharis

It works! Thank you very much Kharis !

Have a good weekend.
Best regards, Léa.

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