Site logo

Archived topic

Gap in list when two columns stack in responsive

3 replies · Started by Derek on June 10, 2019

Viewing posts 1–4 of 4

I have two columns side-by-side, each with a list. When I go responsive/mobile it stacks the columns like they should, but there is a gap between the last item on the first list and the first item on the second list.

How can I close that gap?

Hi there,

try this CSS:

@media (max-width: 768px) {
    .wp-block-kadence-column,
    .kt-inside-inner-col:first-child ul {
        margin-bottom: 0 !important;
    }
}

That worked great. Thank you!

Glad to be of help.

This archived topic is closed to new replies.