Hi everyone,
I'm currently working on an Experience Cloud site using the LWR template.
When the "Fix theme header" option is enabled in the Theme Layout settings, any lightning/toast notifications are rendered underneath the fixed header, making them barely visible or completely hidden. (Please see the attached screenshot for reference.)
This behavior occurs consistently and affects usability, especially when showing important success/error messages to users.
Has anyone encountered this issue?
Is there a recommended workaround or CSS override to ensure the toast appears above the fixed header?
Thanks in advance!
lightning-toast-container {
z-index: 100001 !important;
}
in your stylesheet should fix this, or something similar depending on the class you're using for your toast.
