-
Posts
-
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,
DianaHey Diana,
Thank you for the inquiry.
The Color Section element includes a z-index option, which can be adjusted to make sure the section containing the boxes displays above the first video. Please refer to the screenshot below.
Best regards,
Ismaelyou 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 #172738Hi @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,
DianaHi,
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
- The topic ‘Animated boxes underneath the video’ is closed to new replies.