Archived topic
Block padding @ 768px
5 replies · Started by Paul on July 27, 2021
Hi,
Content padding (right/left) applied by default is 30px up to and including 768px. Greater than 768px, default padding is 40px.
If I add a container block with for example a headline block (h1) then @ 768px 40px padding is applied, pulling it out of alignment with header, body, footer etc - 30px padding is applied as set in the customizer. Alignment is fine at 767px and below, and 769px and above.
How do I get around this without - creating custom css classes for every container, or by setting right/left padding to the same value in the customizer on both mobile and desktop, and each container?
Thanks,
Paul.
Hi there,
this is actually a question for the GenerateBlocks forum, but see this topic posted in the GB Community Forum which provides the filter for changing the defaults:
https://community.generateblocks.com/t/change-the-default-container-padding/287
Hi David,
I'll ask the GenerateBlocks forum. I don't understand how that filter will correct the issue that the theme applies mobile padding values up to and including 768px, but block elements apply desktop (or tablet if set) padding beginning at and including 768px.
Thanks,
Paul.
aah sorry my bad for not reading that through.
See Elvins reply here which provides a snippet for changing the GB breakpoints:
https://generatepress.com/forums/topic/different-mobile-breakpoints-in-gp-vs-gb/#post-1790544
Or theres the GP filters:
https://generatepress.com/forums/topic/changing-default-responsive-breakpoints/#post-1457774
First answer fixes the problem! Thanks for your help :)
Glad to be of help!
