Hi, how can I implement the fixed footer? I added the "page-footer-fixed" class to the body tag, but footer still moves following the page.
Hi,
May I know which product, demo, framework(HTML, React, Vue, Angular) and version are you referring to?
Regards.
Hi,
HTML, Demo 1, v8.0.36.
Thanks
Hi,
Metronic 8 Demo 1 does not support fixed footer. You can quickly implement by using below code in "src/layout/_footer.scss":
.footer {
background-color: #ffffff;
position: fixed;
height: 60px;
left: width: get($aside-config, width);
z-index: 95;
right: 0;
bottom: 0;
}
.wrapper {
padding-bottom: 60px;
}
Thank you very much. Let me ask you if there is any specific reason related to UI/UX for the lack of support for fixed footer in Metronic 8 Demo 1. Best regards
Hi,
In terms of the UI/UX requirements, it's not a common option. However, we will consider it in a future update.
Regards.
Hi Andrea, I am having the same issue. Can you please advise if you were able to resolve the Fixed Position for your project? I am using laravel with livewire. All UI elements must be enclosed in a div for livewire to work properly and this pushes the default foot up the page.
Obviously, I am talking about Metronic