Hello!
I’m having trouble with vertically aligning a text element and hope someone can help.
I’m working on this Wix Studio site: https://antonkhomenko2.wixstudio.com/website-6
I’m trying to vertically center a text element inside its container so that it stays centered on all larger screen sizes (UHD and UWQHD). I’m not focusing on tablet and mobile yet.
The text element aligns correctly at a viewport width of 1921px, which is the smallest size for my current breakpoint. However, as the screen width increases (e.g., to 2200px), the text element shifts below the vertical center of the container. The container is much larger than the text and has its padding set to zero.
When I am at a larger viewport width, like 2200px, and click the “Align to Middle” button, it moves the text but doesn’t place it in the exact center.
I also tried docking the element to the bottom, which might point to the issue. When the screen width is greater than 1921px, the bottom docking line appears outside of the container at a strange position.
Any help would be appreciated! Thank you in advance.