Archived topic
Reduce List margin on Mobile
3 replies · Started by Dave on January 24, 2021
Viewing posts 1–4 of 4
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
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.
Thanks Leo.
That worked.
Cheers,
Dave
No problem :)
This archived topic is closed to new replies.
