Sticky Elements

[tm_textblock textarea_html_bkg_color=”#ffffff”]

Using sticky elements can be a great way of telling a story as the user scrolls down the page. Use the sticky column option on the fly in any layout.

[/tm_textblock]

[tm_divider border_color=”#dddddd”]
[tm_textblock textarea_html_bkg_color=”#ffffff”]

A Sticky Element

This box becomes stick as it reaches the header. And it’s pushed out of view by the box below it.[/tm_textblock]

[tm_video video_type=”vimeo” use_lightbox=”lightbox_with_icon” image_source=”image_url” image_url=”https://concepts.thememountain.com/kant-essential-pages-concept-contents/wp-content/uploads/sites/46/2017/09/blog-9-landscape.jpg” image_style=”rounded” icon_bkg_color=”rgba(238,238,238,0.01)” icon_bkg_color_hover=”#2d66f7″ icon_border_color=”#ffffff” icon_border_color_hover=”#2d66f7″ icon_label_color=”#ffffff” icon_label_color_hover=”#ffffff” video_vimeo_id=”169675730″ lightbox_caption=”You can add a caption to your lightbox videos”][/tm_video][tm_image image_source=”image_url” image_url=”https://concepts.thememountain.com/kant-essential-pages-concept-contents/wp-content/uploads/sites/46/2017/10/blog-1-landscape.jpg” link_image=”none” textarea_html_bkg_color=”#ffffff” image_style=”rounded” caption_type=””][/tm_image]
[tm_textblock textarea_html_bkg_color=”#ffffff”]

A Sticky Element

This box becomes stick as it reaches the header. And it’s pushed out of view by the box below it.[/tm_textblock]

[tm_image image_source=”image_url” image_url=”https://concepts.thememountain.com/kant-essential-pages-concept-contents/wp-content/uploads/sites/46/2017/10/project-35-landscape-1.jpg” link_image=”none” textarea_html_bkg_color=”#ffffff” image_style=”rounded” caption_type=””][/tm_image][tm_image image_source=”image_url” image_url=”https://concepts.thememountain.com/kant-essential-pages-concept-contents/wp-content/uploads/sites/46/2017/10/project-31-landscape.jpg” link_image=”none” textarea_html_bkg_color=”#ffffff” image_style=”rounded” caption_type=”caption_over” caption_vertical_alignment=”v-align-bottom” caption_horizontal_alignment=”left” caption_text_color=”#33363a”]// This is an overlayed image caption,
positioned top left.[/tm_image]
[tm_textblock textarea_html_bkg_color=”#ffffff”]

A Sticky Element

This box becomes stick as it reaches the header. And it’s pushed out of view by the box below it.[/tm_textblock]

[tm_video video_type=”vimeo” use_lightbox=”lightbox_with_icon” image_source=”image_url” image_url=”https://concepts.thememountain.com/kant-essential-pages-concept-contents/wp-content/uploads/sites/46/2017/10/project-7-landscape.jpg” image_style=”rounded” icon_bkg_color=”rgba(238,238,238,0.01)” icon_bkg_color_hover=”#2d66f7″ icon_border_color=”#ffffff” icon_border_color_hover=”#2d66f7″ icon_label_color=”#ffffff” icon_label_color_hover=”#ffffff” video_vimeo_id=”169675730″ lightbox_caption=”You can add a caption to your lightbox videos”][/tm_video][tm_image image_source=”image_url” image_url=”https://concepts.thememountain.com/kant-essential-pages-concept-contents/wp-content/uploads/sites/46/2017/10/project-6-landscape.jpg” link_image=”none” textarea_html_bkg_color=”#ffffff” image_style=”rounded” caption_type=”caption_over” caption_vertical_alignment=”v-align-top” caption_horizontal_alignment=”left” caption_text_color=”#33363a”]// This is an overlayed image caption, positioned bottom left.[/tm_image]