Vue same Header Style like on html Version

Hi Johannes,

Sorry for the delay in reply.

This is not expected behavior, the header should function the same way as in our HTML version, to fix this you can follow the steps below.

1. Upadate src/assets/ts/components/_StickyComponent.ts with the code from this gist.
2. Upadate /src/core/services/LayoutService.ts with code from this gist. The file already contains all required initialization if you have written any custom code in this file make sure to backup it before applying these changes.
3. Add sticky header attributes on the element with id kt_app_header in file src/layouts/default-layout/components/header/Header.vue.
   
   
   copy

   data-kt-sticky="true"
   
   data-kt-sticky-activate="{default: true, lg: true}"
   
   data-kt-sticky-name="app-header-minimize"
   
   data-kt-sticky-offset="{default: "200px", lg: "0"}"
   
   data-kt-sticky-animation="false"