If you want to see these tips in video format, you can also follow along with Josh and Hadas in the webinar video above.
1. Understand Fixed vs Absolute Positioning
Elementor 2.5 lets you use two types of custom positioning:
- Absolute – the element is positioned relative to the column/section that it’s inside. It will move along as the visitor scrolls.
- Fixed – the position is fixed to the visitor’s viewport and will stay there even when the visitor scrolls.
2. Use Custom Positioning to Define Width, Not the Style Tab
Let’s take an example of an image and say that you want to change its width and size (while using custom positioning).
Normally, you’d go to the Style tab and adjust the Width of the image there. However, you should use a different approach with custom positioning because custom positioning lets you also adjust the size of the widget itself.
So, first go to the Style tab and make the Image → Width equal to 100%. This will make the image fill 100% of the widget.
Then, to control the size of the widget itself, you can go to Advanced → Custom Positioning and change the Width setting to Custom: