We have a publishing site in SharePoint Online and we created a SPFx extension that basically just injects this css:

div[class^="simpleFooterContainer-"] {
  height: 80px;
  background: #333333 url('${this.context.pageContext.web.absoluteUrl}/SiteAssets/Logo.png') no-repeat center center;background-size: auto 42px;

It works well on every desktop browser; however, it does not work on any mobile browser. In fact the footer doesn't even exist for mobile.

Side note: What we want is a footer that scrolls with the page, not a sticky footer.

Anyone know how to accomplish that in any browser, including iPhone and android mobile device browsers (Chrome and Safari)?

  • Are you using a modern SharePoint site? Commented Aug 25, 2020 at 20:36
  • yes, this is a modern site. For some reason there is no footer on mobile browsers. Commented Aug 26, 2020 at 12:56
  • It's not clear whether this is by design or a bug. Since the rendering of the footer is an out of the box feature, you could report this to Microsoft via a service request. This can be done via the admin portal or phone. docs.microsoft.com/en-us/microsoft-365/admin/… Commented Aug 26, 2020 at 13:24
  • yeah probably by design. Maybe I'll try to create a footer programatically and try to append it in the end of the page Commented Aug 26, 2020 at 18:17

1 Answer 1


Yes, this behavior is by design. I have found an official documentation from Microsoft where they have clearly mentioned that Footer is not available on mobile devices or apps. Please look at the below screenshot:

enter image description here

Reference: https://learn.microsoft.com/en-us/sharepoint/dev/features/site-footer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.