Page Top Header

Is it possible to have a "Page Header", which is visible if it has elements. The position should be fixed.

I tried using the RadzenHeader and other combinations in the MainLayout like this:

 <RadzenBody>
     <RadzenHeader>
         <RadzenRow class="rz-text-align-center" Gap="1rem" Visible="@(MenuService.MenuItems.Count() > 0)">
             <RadzenColumn Size="12">
                 <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0" JustifyContent="JustifyContent.Start">
                     <RadzenMenu>
                         @foreach (var item in MenuService.MenuItems)
                         {
                             <RadzenMenuItem Text="@item.Text" Icon="@item.Icon" />
                         }
                     </RadzenMenu>
                 </RadzenStack>
             </RadzenColumn>
         </RadzenRow>
     </RadzenHeader>
     <div class="rz-p-4">
         @Body
     </div>
 </RadzenBody>

Got it to work with nested layouts:

    <RadzenLayout>
        <RadzenHeader Style="min-height: 40px;" Visible="@(MenuService.MenuItems.Count() > 0)">
            <RadzenRow class="rz-text-align-center" Gap="1rem">
                <RadzenColumn Size="12">
                    <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Center" Gap="0" JustifyContent="JustifyContent.Start">
                        <RadzenMenu>
                            @foreach (var item in MenuService.MenuItems)
                            {
                                <RadzenMenuItem Text="@item.Text" Icon="@item.Icon" />
                            }
                        </RadzenMenu>
                    </RadzenStack>
                </RadzenColumn>
            </RadzenRow>
        </RadzenHeader>
        <RadzenBody>
            <div class="rz-p-4">
                @Body
            </div>
        </RadzenBody>
    </RadzenLayout>