Streaming live at 10am (PST)

Element fixed, moved after scroll down


#1

Hi Guys, how to create de same effect with share buttons in Webflow?

Link example.

Thanks


#2

Custom CSS (sticky), found on line 211 of

view-source:https://webflow.com/blog/always-choose-prototypes-over-mockups

Custom code:

    <style>
        .b-read.w-richtext figure[data-rt-type="video"] {
            min-width: 0;
            left: 0;
        }

        .cc-sticky-share {
            position: -webkit-sticky;
            position: sticky;
            top: 50vh;
            -webkit-transform: translate(0px, -50%);
            -ms-transform: translate(0px, -50%);
            transform: translate(0px, -50%);
        }

        .b-read img {
            border-radius: 10px;
        }

        .cc-sticky-share .at_flat_counter:after {
            top: -4px;
            left: calc(50% - 4px);
            border-width: 0 4px 4px 4px;
            border-color: transparent transparent #ebebeb transparent;
        }
    </style>

#3

Thanks :slight_smile: you solved my problem.