[Resolved] Sticky block

Home Forums Support [Resolved] Sticky block

Home Forums Support Sticky block

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2079407
    Greg

    Hi guys

    Having some trouble getting a block to be sticky. I’ve added custom CSS for ‘sticky-block’, and assigned this class to the grid, but it’s still not working for me.

    Any ideas what I’m doing wrong?
    (I’ve shared the URL in the info for this thread).

        .sticky-block {
            position: -webkit-sticky;
            position: sticky;
            top: 60px;
        }
        .sticky-block > .gb-inside-container {
        	height: 100%;
        }

    Thanks for your time
    Greg

    #2079479
    Ying
    Staff
    Customer Support

    Hi Greg,

    Can you add a CSS class to the parent Container block of the Grid block, eg. sticky-parent-block, then add this CSS:

    .gb-container.sticky-parent-block > .gb-inside-container {
        height: 100%;
    }

    Let me know if this helps πŸ™‚

    #2079522
    Greg

    Hero! Thanks Ying, that’s done the trick πŸ™‚

    #2079531
    Ying
    Staff
    Customer Support

    You are welcome πŸ™‚

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