I have the following in my MainLayout.razor
<RadzenMediaQuery Query="(max-width: 800px)" Change="@(value => IsMobile = value)" />
It works fine in Edge on my Windows PC but it does not do anything on iPhone in Chrome or Safari.
I am not sure this media query matches the iphone display. Here is how we use it for mobile devices which works 100%: radzen-blazor/Radzen.Blazor/RadzenSidebar.razor at master · radzenhq/radzen-blazor · GitHub