[Resolved] Reduce List margin on Mobile

[Dave]

On the page provided, I am getting too much padding at the bottom of the list column causing weird-looking spacing on mobile. Is there a way to reduce it and line it up on mobile only?

Cheers,

Dave

[Leo]

Hi Dave,

There are two options:

– Add a custom class like first-column to the left column of the list then add this CSS:

@media (max-width: 768px) {
    .entry-content ul.list-mobile.first-column {
        margin-bottom: 0;
    }
}

– Rebuilt that list using the headline blocks from GB with the icon so that it appears to be a list then you will have complete control over the margins/paddings.

[Dave]

Thanks Leo.
That worked.

Cheers,

Dave

[Leo]

No problem 🙂

[Author]

Posts