Radzen footer is covered by bottom bar on iPhone

Radzen.Blazor Components
2

Hi @Chris_Rauser,

Good work on the website! :clap:

Found some issues:

  1. <RadzenLayout> should be direct descendant of <body>:
<body>
    <RadzenLayout ...>
  1. Not sure why, but the footer is initially hidden and appears on scroll, is there any custom logic?
  2. Try adding the following CSS to your styles:
@media (max-width: 767px) {
    .rz-layout {
        height: 100dvh !important;
    }
}

100dvh refers to 100% of the dynamic viewport height — meaning the value will change as the user scrolls. More info here.

1 Like