Archived topic
Sticky Unit at Footer
3 replies · Started by purnima banik on October 6, 2019
Hi Tom,
Is there a way to make a sticky unit at the bottom of a mobile screen to paste the adsense code with the Elements Feature of GP? I would be highly grateful if any such solution is provided by you.
Thanking You
Purnima Banik
Hi there,
you can try this.
Create a new Hook Element and select the hook you required for desktop position.
Add this HTML around your adsense code:
<div class="grid-container sticky-footer-element">
<!-- Adsense code here -->
</div>
And then this CSS:
.sticky-footer-element {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
background-color: #fff;
}
/* Add body bottom margin the height of sticky element */
@media(max-width: 768px) {
body {
margin-bottom: 100px;
}
}
Thank You So much. It Worked Wonderfully.
Awesome - glad to be of help