Site logo

Archived topic

mobile problem: to much space between block grid

4 replies · Started by Katharina on July 30, 2019

Viewing posts 1–5 of 5

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

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

Thank you David,
works perfect!

Thank you!

Glad to be of help.

This archived topic is closed to new replies.