[Resolved] Random display of archive items

[Author]

Posts

[johnB-43]

I'm really confused. My Archive display is set up to show content on a bootstrap grid. It finds and displays things correctly, but sometimes the bottom row is overlayed over the footer. I tried to troubleshoot it, but I honestly can't see anything wrong, or even see any regularities for when it happens and when it doesn't.

To see the issue, do any search on the site, and try clicking on various taxonomies. You'll notice it straight away - every now and then the page will just look very messy at the bottom.

What could be the cause of this? Thanks!

[Shane]

Hi John,

Thank you for getting in touch.

Could you provide a link to the example page so that I can see what is happening here ?

Thanks,
Shane

[johnB-43]

Apologies, I thought I linked the site when submitting the ticket. Here it is:
hidden link

[Shane]

Hi John,

Thank you for sharing the link with me, I was able to see the issue.

It seems to be an issue where a block level element isn't closed correctly.

Would you mind allowing me to have admin access to the site to check on this view to see if I can find the issue ?

Thanks,
Shane

[johnB-43]

Of course! Can you enable the private reply function so I can share it?
Thanks!

[Shane]

Hi John,

My apologies for not enabling it before.

Should be enabled now.

Thanks,
Shane

[Shane]

Hi John,

It seems you theme is setting a fix height for the div section.

You can overwrite it with this.

.content-masonry{
height: 100% !important;
}

Thanks,
Shane

[johnB-43]

That is fantastic, thank you! Simple yet brillinant 🙂