Hide header in angular metronic Original dahboard
Hello
i'm using Metronic dahsboard Original (the angular version)
i want to hide the header for the desktop view so i get more space as i only need the side bar and the app-content containner
if i comment all the <app-header id="kt_app_header"> it will work but it not show sidebar_mobile_toggle in mobile version
i hope you can help me
thank you
Replies (12)
Hi Zakaria Snoussi,
No problem at all! I'm glad to hear that it helped. If you have any more questions or need further assistance, feel free to ask.
Hi Faizal
i'm sorry for the delay , i was working on some other part ..
i try your answer it's help me a lot
thank you
Certainly, to hide the header in the Angular Metronic Original dashboard for the desktop view while keeping the sidebar and app-content container, you can follow these steps:
-
Locate the configuration file responsible for the sidebar settings. In the Metronic Original Angular dashboard, the configuration files are often found in a directory like
/angular/demo1/src/app/_metronic/layout/core/configs/. -
Open the configuration file named
dark-sidebar.config.tsor similar. -
Inside the configuration file, search for the configuration key
app.sidebar.default.collapse.desktop.enabled. -
Set the value of this configuration key to
false. -
Save the changes to the configuration file.
-
After making this change, the header should be hidden in the desktop view, leaving only the sidebar and app-content container visible.
Remember to rebuild and reload your Angular application to apply the changes. This configuration change should provide you with more space on the desktop view, while the mobile version should still display the sidebar_mobile_toggle.