Footer is displayed half way up

[kcreative]

Hi guys, any idea why the footer is being displayed half-way up the page?

https://prnt.sc/-LO7_9Rb9jps

[tristup]

Hi @kcreative,

Thanks for reaching out.

After reviewing the website, we found that the Icon Stack header is in use, which is responsible for keeping the sidebar fixed by default. It appears that some custom CSS has been added in an attempt to override this behavior, and that customization is what’s causing the issue.

To verify this, we temporarily disabled the custom CSS and confirmed that the site functions correctly without it.

We recommend removing the custom CSS and testing the site again. Please note that we’re unable to provide support or further investigation for issues caused by custom CSS or third-party customizations.

If you’re not comfortable modifying the CSS yourself, you may want to work with a developer. Alternatively, you can take advantage of our newly launched service, One , where we can help answer questions beyond standard theme support.

Thanks

[kcreative]

Thank you for the info! Is there an option for the footer not to be “floating” or that is a default feature of the stack?

[ruenel]

Hello @kcreative,

The Footer appears to be floating due to minimal content in that blog section. Since the sidebar defaults to the browser’s full height, you can fix this by setting a minimum height for your content area with custom CSS.

For example:

.blog .x-main.full { 
   min-height: calc(100vh - 255px); 
}

Note: Replace 255px with the combined height of your header and footer.

Best Regards.