Description
- fix Footer Drawer of SquareRefresh
- view demo – password: abc
#1. Install Code
#1.1. Use this code to Code Injection > Header
<!-- Fix SquareRefresh - Footer Drawer -->
<style>
body:not(.sqs-edit-mode).footer-drawer-loaded #page,body:not(.sqs-edit-mode).footer-drawer-loaded #siteWrapper{background-color:inherit}body:not(.sqs-edit-mode).footer-drawer-loaded #page{min-height:100vh;z-index:2}body.sqs-edit-mode.footer-drawer-loaded #page{margin-bottom:0!important}body:not(.sqs-edit-mode).footer-drawer-loaded #footer-sections{bottom:0;left:0;position:fixed;width:100%;z-index:1}
</style>
<!-- Fix SquareRefresh - Footer Drawer -->
#1.2. Use this code to Code Injection > Footer
<!-- Fix SquareRefresh - Footer Drawer -->
<script>
window.addEventListener("DOMContentLoaded",function(e){function t(){var e=document.getElementById("footer-sections").offsetHeight;window.innerHeight>e?(document.getElementById("page").style.marginBottom=e+"px",document.body.classList.add("footer-drawer-loaded")):(document.getElementById("page").style.removeProperty("margin-bottom"),document.body.classList.remove("footer-drawer-loaded"))}t(),window.addEventListener("resize",t)});
</script>
<!-- Fix SquareRefresh - Footer Drawer -->
