[Resolved] Sticky Unit at Footer

[purnima banik]

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

[David]

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;
    }
}

[purnima banik]

Thank You So much. It Worked Wonderfully.

[David]

Awesome – glad to be of help

[Author]

Posts