Site logo

Archived topic

Sticky Unit at Footer

3 replies · Started by purnima banik on October 6, 2019

Viewing posts 1–4 of 4

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

This archived topic is closed to new replies.