[Resolved] mobile problem: to much space between block grid

[Katharina]

Hi,
was wondering if you could help me.
I created a grid page with 4 horizontal blocks and at least 20 vertical blocks. -> like table style.
The desktop version looks great. But the Mobile version shows way to much space between all the blocks. Padding and margin are set 0.

Is there a way to adjust the mobile view to smaller the white space between the blocks?

Thanks

[David]

Hi there,

the Kadence blocks add a 30px vertical gutter on mobile, you can remove that with this CSS:

@media (max-width: 767px) {
    .kt-v-gutter-default>.wp-block-kadence-column {
        margin-bottom: 0px !important;
    }
}

[Katharina]

Thank you David,
works perfect!

[Katharina]

Thank you!

[David]

Glad to be of help.

[Author]

Posts