I have site using GP as theme and contain over 20 pages, I found the default padding of container is 40px for both desktop and mobile, it is fine on desktop but it used up a lot of space on mobile and make the content area too narrow, please refer to the screen capture from private information.
Can I change the left right padding only for mobile at once, or do you have CSS that I can do the same? I don’t want to change them one by one.
I tried but not work, refer to screenshot, I new a page and default padding to the container, it is 40px but refers to the customize layout, it is 100 20 20 20. Do you have any CSS element that I can force the setting at style.css?
You have a Layout Element that is set to full width (no padding) and it overrides the padding settings on Appearance > customize > Layout > container.
In your site’s case I think you’re right to add the padding on the GenerateBlocks containers of each section. But make sure to use the Mobile tab settings to set a different padding for mobile – https://share.getcloudapp.com/BluDBldQ
A wise man once said:
"Have you cleared your cache?"