[Resolved] content padding

[Giovanni]

Hi,
my content padding feature works when I work with the desktop version but not with the mobile one.
I would like to increase the space between the left edge of the browser and the text.
Can you help me, please?
best regards
Giovanni

[Elvin]

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.

A wise man once said:
"Have you cleared your cache?"

[Giovanni]

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

[Elvin]

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;
}
}

A wise man once said:
"Have you cleared your cache?"

[Giovanni]

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?

[Elvin]

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.

A wise man once said:
"Have you cleared your cache?"

[Giovanni]

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

[Leo]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Giovanni]

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

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts