Issue
If you're using a Modern Team Site or a Modern Communication site, the ShortPoint Footer has suddenly started being displayed in the middle of the page. This is currently affecting all public ShortPoint versions.
Reason
Microsoft has recently released some silent updates to their HTML page structure. Silent updates are updates which are not publicly planned nor documented, so ShortPoint has to react in real time to these changes.
Solution
This footer issue was fixed in ShortPoint SPFx version 7.0.2.39.
Please check our solutions on how to upgrade using One-Click Upgrade option:
- ShortPoint SPFx One-Click Upgrade (Office 365) Tutorial
- ShortPoint SPFx One-Click Upgrade (SharePoint 2019) Tutorial
Or download the latest ShortPoint SPFx version and proceed with full App catalog upgrade:
Former workarounds
You could fix this issue by adding custom JavaScript code (Option 1), or - in case it doesn't resolve the issue - custom CSS code (Option 2) in Theme Builder.
Option 1: Adding Custom JavaScript
Step 1. Open Custom JavaScript section in ShortPoint Theme Builder
Open Theme Builder (Site contents > ShortPoint Dashboard > Theme Builder > Customize my site).
Navigate to Utilities > Custom JavaScript:
Step 2: Add the fix code
Add the following code in the text box:
shortpoint.$( document ).ready(function() {
shortpoint.$("#shortpoint_footer_scroll_placeholder").appendTo("[class*='scrollRegionFlexRoot']");
});
Press Apply and Publish.
Option 2: Adding Custom CSS
Step 1. Open Custom CSS section in ShortPoint Theme Builder
Open Theme Builder (Site contents > ShortPoint Dashboard > Theme Builder > Customize my site).
Navigate to Utilities > Custom CSS:
Step 2: Add the fix code
Add the following code in the text box:
.st_bv_k {
height: auto !important;
}
Press Apply and Publish.
That's it, the footer should now be displayed in the appropriate region.
Related article: