I'm using Metronic 8- Demo 6 React version. I don't require the toolbar anymore so I got rid of it. But when I'm doing so, I'm getting an extra space there. How to get rid of that extra space?
This is a part of the MaterLayout code.
,
<div className="d-flex flex-column flex-root">
{/* begin::Page */}
<div className="page d-flex flex-row flex-column-fluid">
<AsideDefault />
{/* begin::Wrapper */}
<div className="wrapper d-flex flex-column flex-row-fluid" id="kt_wrapper">
<HeaderWrapper />
{/* <Toolbar /> */}
{/* begin::Content */}
<div id="kt_content" className="content d-flex flex-column flex-column-fluid">
<Content>
<Outlet />
</Content>
</div>
Hi,
Thank you for reaching out to us.
To remove the toolbar space, you need to remove the toolbar-enabled toolbar-fixed
classes from the body tag. These classes are added in src/_metronic/layout/core/LayoutSetup.ts with LayoutSetup.initToolbar(config.toolbar);
, if you still want to use the toolbar on some pages you can simply set toolbar.display
to false
in src/_metronic/layout/core/DefaultLayoutConfig.ts.
Regards,
Lauris Stepanovs,
Keenthemes Support Team
It worked, thanks.
Hi,
Glad to hear that. Let me know if you have any further questions on this topic or anything else.
Regards,
Lauris Stepanovs,
Keenthemes Support Team