Docs

[MakkBlakk]

Hi
I am having an issue keeping the footer anchored to the bottom of the page. Please see attached screen shot

Also the content would need to automatically center

Thanks

Regards

Mark

[MakkBlakk]

This reply has been marked as private.

[Rahul]

Hi There,

Thank you for contacting us 🙂

This page’s footer seems to be fine for me. See attached.

Please confirm if the issue is fixed, if not please confirm the aspect ratio of the screen.

Thank you in advance.

[MakkBlakk]

First thing is the image you have sent has not fully loaded (I don’t know if that makes a difference or not)

I am using an iMac with a screen res of 1920 x 1080

Surely this should resize and work on all displays?

[Jade]

Hi there,

Please try to add this code in the customizer:

.x-container.max.width.offset {
    min-height: 454px;
}

Hope this helps.

[MakkBlakk]

Hi
This solved the footer issue except that the white area is now not centreed vertically…
can this be forced to centre?

[Jade]

Hi there,

I have checked the page and you seem to have changed the page settings which correctly the content height.

[MakkBlakk]

We are constantly working on the site

I will leave this thread where it is for now. The only time we will have an issue is when the content reduces the size of the container. My feeling is that this may not now be the case.

However, if you want to look at and resolve the issue I can reduce the content so that we can see this issue again.

Let me know

Mark

[Friech]

Hi Mark,

It seems the issue is your content does not fully occupy the entire above fold of the page.

Please update the code given by Jade to this:

.x-container.max.width.offset {
    min-height: 50vh;
}

or

.x-container.max.width.offset {
    min-height: calc(100vh - 400px);
}

Where 400px is the height of the header.

Thanks.

[Author]

Posts