Site logo

Archived topic

Strange Gaps Between Elements On Category Pages

6 replies · Started by Jodie on November 4, 2022

Viewing posts 1–7 of 7

Hi,

My category page archives have strange gaps between the featured image and title listing of each post on mobile.

It looks fine on desktop.

Any ideas on how to fix this? Thanks for your help!

Cheers Jodie

Hi there,

try this CSS:


@media (max-width: 768px) {
    .generate-columns-container .inside-article {
        padding: 0px 30px;
    }
    .generate-columns-container .inside-article .post-image {
        margin-bottom: 0.5em !important;
    }
    .generate-columns-container .post-image img {
        vertical-align: bottom;
    }
}

Hi David,

That's made it much better, thank you!

Cheers Jodie

You're welcome

Hi David,

In the breadcrumbs on my site on mobile, I changed the margin using a container from GenerateBlocks and the mobile specific settings for adjusting the spacing. Is this the best way to do this?

Thanks for your help!

Cheers Jodie

Hi Jodie,

Yes, your approach to add spacing should be good.

Hi Fernando,

Great! Thanks for that.

Cheers Jodie

This archived topic is closed to new replies.