Hi Preetha,

Could you please provide a screenshot of the issue? It would help us better understand the problem.

It seems like the scroll is appearing because the content height is longer than the screen height. One way to resolve this is to reduce the content so that it fits within the screen height, which should make the scrollbar disappear.

Alternatively, the above code changes for adjusting the layout to make sure that the header and footer are fixed to the top and bottom of the screen respectively.

Thanks

Hi Preetha,

demo1/src/app/_metronic/layout/core/configs/dark-sidebar.config.ts

In the above config file, there is an option to set the fixed footer. You can set the option app.footer.fixed.desktop to true.

The layout below will add the attribute in the body tag; data-kt-app-footer-fixed="true"

demo1/src/app/_metronic/layout/layout.component.ts

this.appFooterFixedDesktop = this.layout.getProp("app.footer.fixed.desktop", config) as boolean;
 if (this.appFooterFixedDesktop) {
 document.body.setAttribute("data-kt-app-footer-fixed", "true")
 }

 this.appFooterFixedMobile = this.layout.getProp("app.footer.fixed.mobile") as boolean;
 if (this.appFooterFixedMobile) {
 document.body.setAttribute("data-kt-app-footer-fixed-mobile", "true")
 }