Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 1, 2025 at 9:06 am #1489718
    DianaLoola73

    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

    October 2, 2025 at 7:39 am #1489741
    Ismael

    Hey 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.

    Screenshot-2025-10-02-at-1-37-48-PM

    Best regards,
    Ismael

    October 2, 2025 at 8:04 pm #1489780
    Guenni007

    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

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.