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:

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: