[Resolved] Sticky Unit at Footer

Home Forums Support Sticky Unit at Footer

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1027652
    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

    #1027907
    David
    Staff
    Customer Support

    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;
        }
    }
    #1028179
    purnima banik

    Thank You So much. It Worked Wonderfully.

    #1028273
    David
    Staff
    Customer Support

    Awesome – glad to be of help

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.