Awesome Elementor Sticky Text Within Column Design

Table of Contents

A member in the Facebook group asked me if this was possible. Yes it is! It does require Elementor Pro though.

Get the template here. (right-click > download as)

To begin with, create your Elementor section

Awesome Elementor Sticky Text Within Column Design 1

Add the heading element at the top, and all the elements you will want to be scrolled over below it.

Then, setup the z-indexes

Give the heading element a z-index of 4, and all the other elements a z index of 9.
Awesome Elementor Sticky Text Within Column Design 2
Awesome Elementor Sticky Text Within Column Design 3

Finally, set the Elementor Pro sticky options for the heading element

Under Advanced > motion effects, set 'Sticky' to 'Top', turn on 'Stay in column', and adjust the offset. See the video for full instructions and demo!

Awesome Elementor Sticky Text Within Column Design 4

Let me know if everything works for you!

This download gets you the following template :

Elementor Sticky Heading Background Template

Related tutorial : Elementor Sticky Heading Background

Name your price $

Comments
To see the comments, click 'accept all' in the Cookie settings (lower right sticky icon). Then refresh the page.

If you still don't see the comments, try using Chrome or Edge, as you probably you have an adblock or a browser such as Firefox or Brave.