content padding

Hi,

Can you link us to the site in question? So we could take a closer look on why it's not working on mobile.

You can provide the site details on the Private Information text area. Thank you.

https://www.sergiosolazzo.com
details are written in the private area
tks

Thank you.

I see that you seem to be using a layout element w/ content area set to contained (no padding).

You can try adding this CSS to add padding on mobile.

@media (max-width:768px){
.contained-content.one-container .site-content{
    padding: 30px;
}
}

Thanks Elvin, I would prefer to change the setting instead of adding new css. Could you tell me exactly where I should modify this setting please?

Normally, the padding for mobile is adjusted through Dashboard > Appearance > Customize > Layout > Container and set the "Content Padding" from there.

But this is normally overridden when a Layout Element on Appearance > Elements has a content area set to either Full Width (no padding) or Contained (no padding).

These settings, as indicated, removes padding. To be able to control them again via customizer, you must set this setting to default.

Hi Elvin,

I have first tried adding the code you suggested but it didn't work. Then I reset everything to the default settings. But still, it doesn't work.
Do I have other options?
thanks

As Elvin pointed out, you have this setting set to Contained:
https://www.screencast.com/t/v8deJYOTs

If you set it to Default instead, then the customizer setting would work again.

Hi Leo,

yes Elvin was right, but I was looking in the wrong place. I'm not so good :(

The problem is now solved.

Thanks to both of you for the great support :)

Have a nice day
ciao
Giovanni

No problem :)