Hi Naji,

Check out these changes:

In file /src/app/_metronic/layout/components/header/navbar/navbar.component.html
Update this line by adding lg: 'hover'.

<div class="cursor-pointer symbol" [ngClass]="userAvatarClass" data-kt-menu-trigger="{default: "click", lg: "hover"}" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">

routeToDashboard() {
 this.router.navigate(["dashboard"]);
 }

Hi Naji,

It looks like this issue was resolved in a recent update. Now, when navigating from the dashboard to the 404 page and then returning (either by using the back button or clicking the home button), the profile avatar dropdown should function properly without needing to refresh.

Could you please check it from the demo page.
https://preview.keenthemes.com/metronic8/angular/demo1/dashboard

Thank you

Hi naji,

You can add this code in the file at /app/_metronic/layout/components/topbar/topbar.component.ts. Placing it there for reinitialize the profile avatar menu after navigation events.

Thank you

Hi naji,

Sorry for the delay in response. You could try reinitializing the necessary Metronic components when the page reloads. You can use Angular’s Router events, specifically on navigation events, to reinitialize the dropdown toggle.

ngOnInit() {
this.router.events.subscribe((event) => {
if (event instanceof NavigationEnd) {
MenuComponent.reinitialization();
}
});
}