Hi folks. I’m new to Elementor, so I totally understand if this is a dumb question. I haven’t found an answer despite hours of searching though, so thanks for your patience in advance.
I’m trying to create a carousel slider on a test site, with a logo and tagline near the top, along with a menu, etc. My understanding of how to do this is to give the text a higher Z-value, place it below the carousel, then give it a negative margin so it’s superimposed over top of the carousel.
The problem I’m having is the text “moves” based on the size of the browser screen. I’m not talking about when I view the site with a mobile vs a desktop - I mean I can see the text float upwards and disappear through the top of the browser window as I drag the browser window in. The image stays where it is, which is great, but I can’t get the text to cooperate.
Here’s the preview page: http://www.thesonictemple.ca/site/?preview_id=4&preview_nonce=2d17ccc6d1&preview=true
I’ve tried reversing the image and text, but then the text stays in place and I have image-related issues instead. I can’t just render the logo and text into the image because then it wouldn’t be responsive. Is there a way to anchor the logo and text (and other elements potentially) to the top of the page?
P.S. I am aware the page has other formatting issues as well, but I believe I know how to resolve them.
Thanks again y’all!