Hello dear Enfold Support Team,
on our redesign page (http://neu2025.dc-gmbh.com/#service we have three text boxes that are animated and move upwards while scrolling.
The problem: these boxes slide underneath the large video from the first section, so that the content is partially hidden and not visible (see attached screenshot).
My question: how can I adjust the settings (e.g. with z-index or CSS) so that the animated boxes are displayed correctly above the video and remain visible while scrolling?
Thank you very much in advance for your support!
Best regards,
Diana
you have choosen for the #av_section_1 a z-index of : 200
so the z-index of the flex_columns had to be bigger. (300) next – hint
do not forget to give the outer flex_columns a background-color of #172738
Hi @Ismael, hi @Guenni007,
thank you so much for your quick and helpful replies!
@Ismael – thanks for pointing me to the z-index option and the clear screenshot, that made it very easy to fix.
@Guenni007 – thanks as well for the additional hint regarding the background color (that probably would have been my next question!).
I’ve already adjusted both settings — works perfectly now!
Much appreciated!
Best,
Diana
Hi,
Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
