To centre a heading using elementor can be very difficult, especially when tablet mode and mobile mode are transitioned to as the pixels away from the top and bottom change, therfore the heading moves.
If you use a standard image, and underneath that add a heading.
Then add the following code the CSS of the heading in elementor.
1 2 3 4 5 6 |
selector { top: -50%; margin: 0 auto; } |
The width of the heading is controlled by the positioning tab.