Site logo

Archived topic

Delay footer load

5 replies · Started by Marcin on June 7, 2021

Viewing posts 1–6 of 6

Hello, I have a problem with CLS. It ist because my content finish loading after my footer appear. Is it possible to delay footer load until content is fully displayed?

Hi there,

can you share a link to the page where i can see the problem

The issue arises because the content is being loaded using Javascript after the page is rendered. You can use some CSS to force the height of the container to a mimimum of the viewport. But you don't want it applied to all pages, so:

1. Create a new Hook Element in Dashboard > Appearance > Elements:

https://docs.generatepress.com/article/hooks-element-overview/

2. Add this to Hook element text area:

<style>
.site-content {
    min-height: 100vh;
}
</style>

3. Set the Display Rules Locations to the pages with the problem.

Thank You, It solved my problem

Glad to hear that

This archived topic is closed to new replies.