[Resolved] Strange Gaps Between Elements On Category Pages

[Jodie]

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

[David]

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

[Jodie]

Hi David,

That’s made it much better, thank you!

Cheers Jodie

[David]

You’re welcome

[Jodie]

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

[Fernando]

Hi Jodie,

Yes, your approach to add spacing should be good.

[Jodie]

Hi Fernando,

Great! Thanks for that.

Cheers Jodie

[Author]

Posts