Remove the white space at the bottom of debut - without loosing the sticky header

Store Design
1

Hi everyone,

im strugling to find out, how i can remove the white space on mobile and website bellow the footer.

i have tried this already:

.page-container {
	width:100%;
	position: absolute;
}

but this will break the sticky header code.

the website is: roombles.live

I really need help :confused:

Thank you!

2

@Roombles that code doesn’t remove whitespace.

Can you share a screenshot of where exactly you want to remove whitespace?

3

@g33kgirl Thank you for the message.

Please check it here. Its on the button of the page

Bildschirmfoto 2021-08-06 um 19.56.49.png
Bildschirmfoto 2021-08-06 um 19.56.49.png1440×900 178 KB

Bildschirmfoto 2021-08-06 um 19.57.09.png
Bildschirmfoto 2021-08-06 um 19.57.09.png1439×715 141 KB

Sometime it appears only after you have visited the Live Shopping site.

Best,

4

@Roombles ah okay, I understand. This is a very common design issue. Your footer is moving up when there’s not enough content. To fix it, you can add this to your CSS:

#PageContainer {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.main-content {
    flex: 1 0 auto;
}