Header and Footer Inconsistencies (scrolling and transparency issues)

[sultan]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

[mobile] The Header and Footer do not need to be fixed on small mobile devices. they take up some space.
[desktop] Transparency issues are observed in both the header and footer elements. When scrolling, we can see through them.
[both] Media queries are using inconsistent Bootstrap Breakpoints (small and large)

Expected Behavior

Sticky Header and Fixed Footer on desktop only.
When scrolling, we should not be able to see through the header and footer.
Media queries should use consistent Bootstrap Breakpoints (either small or large)

Steps To Reproduce

make a razor view with enough content to make the page scroll in desktop

Exceptions (if any)

None

.NET Version

At least versions 6, 7 and 8.

Anything else?

No response

[ghost]

Thanks for contacting us.

We're moving this issue to the .NET 9 Planning milestone for future evaluation / consideration. We would like to keep this around to collect more feedback, which can help us with prioritizing this work. We will re-evaluate this issue, during our next planning meeting(s).
If we later determine, that the issue has no community involvement, or it's very rare and low-impact issue, we will close it - so that the team can focus on more important and high impact issues.
To learn more about what to expect next and how this issue will be handled you can read more about our triage process here.

[mkArtakMSFT]

Thanks for your feedback. We've decided that we will be modernizing the template during .NET 9 and we will incorporate your feedback as part of that work, that we track using #53142