Sed quam mauris, sodales sit amet dolor a, condimentum maximus lectus. Nam porta mollis vestibulum. Aliquam sagittis nibh vitae interdum efficitur. Maecenas nec turpis vel nulla tincidunt faucibus quis vel nunc. Maecenas eu metus magna. Sed ultricies eros dapibus eros lobortis mollis. Morbi eu ante eget sapien facilisis fringilla. Nunc quis neque ac lacus tincidunt tincidunt. Phasellus eu nunc quis nisi dictum auctor. Pellentesque at erat id ante hendrerit scelerisque. Maecenas cursus ligula eget tempus placerat. Morbi eu luctus lorem, eu interdum elit. Phasellus fringilla, augue non tincidunt molestie, dolor urna maximus leo, nec tristique sapien ante non lectus. Phasellus efficitur, sapien tempor varius malesuada, turpis metus sodales est, tempor pellentesque dui nunc eget felis. Vivamus consectetur ullamcorper lobortis.
Praesent blandit commodo odio, id dignissim mi mollis a. Nunc non nisi eu dolor mollis semper. In vel sem quis sapien condimentum commodo vel id turpis. Etiam ut enim dignissim, consequat orci vel, bibendum dolor. Nulla dapibus nunc ac urna ultricies, non tempor lectus semper. Aenean eu velit pulvinar, accumsan diam in, ultricies nunc. Suspendisse ullamcorper euismod metus non lacinia. Mauris finibus hendrerit odio. Vestibulum sit amet nulla pretium, rutrum lacus in, porta nunc.
1) Create two columns sections on Elementor
– The columns which you want to make NOT STICKY give it the class as “Elementor-section-wrapper”.
– The column which you want to make STICKY, give it the class as “sticky-main”
2) Put the inner section in a column that has the class as “sticky-main”
– Give the whole inner-section the class as “sticky-column”
Put all classes WITHOUT QUOTATIONS. Now we have concluded giving the classes to all of our sections, its time to add CSS to each class to achieve the effect
3) Put this CSS in page Custom CSS or in the customizer CSS/JS section to create a column sticky in Elementor using simple CSS
1) Create two columns sections on Elementor
– The columns which you want to make NOT STICKY give it the class as “Elementor-section-wrapper”.
– The column which you want to make STICKY, give it the class as “sticky-main”
2) Put the inner section in a column that has the class as “sticky-main”
– Give the whole inner-section the class as “sticky-column”
Put all classes WITHOUT QUOTATIONS. Now we have concluded giving the classes to all of our sections, its time to add CSS to each class to achieve the effect
3) Put this CSS in page Custom CSS or in the customizer CSS/JS section to create a column sticky in Elementor using simple CSS
1) Create two columns sections on Elementor
– The columns which you want to make NOT STICKY give it the class as “Elementor-section-wrapper”.
– The column which you want to make STICKY, give it the class as “sticky-main”
2) Put the inner section in a column that has the class as “sticky-main”
– Give the whole inner-section the class as “sticky-column”
Put all classes WITHOUT QUOTATIONS. Now we have concluded giving the classes to all of our sections, its time to add CSS to each class to achieve the effect
3) Put this CSS in page Custom CSS or in the customizer CSS/JS section to create a column sticky in Elementor using simple CSS