YouTube video popping up, under next section

Store Design
, , ,

Topic summary

A Shopify store owner encountered a layout issue where the first of two embedded YouTube videos was appearing partially hidden behind the section below it. The second video displayed correctly.

Key Details:

  • The problem occurred after duplicating an existing video section and changing the video source
  • The second video (original) continued working properly
  • Each video functioned correctly when displayed alone on the page

Attempted Solutions:

  • One user suggested custom CSS targeting the video wrapper’s padding-bottom property, but this didn’t resolve the issue
  • Screenshots were shared showing the video appearing above/behind other sections

Resolution:

  • The issue was solved by adjusting z-index values: setting the top video to z-index: 5 and the second video to z-index: 0
  • This CSS layering fix allowed both videos to display properly without overlap
Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

I have a page that has 2 YouTube videos embedded and the first one is acting up. IT is popping up behind the second section.

The 2nd video is working as it should behave. The second video was always the only one there, and worked. I have duplicated the section, and changed the video and now the behaviour is off.

[URL Removed]

any suggestions ?

2

@Vacek looks like it has popped up above

suyash1_0-1751293710704.png
suyash1_0-1751293710704.png1366×768 193 KB

3

Hi @Vacek ,

Please go to Customize > Theme settings > Custom CSS and add code:

#VideoSection--template--17847465050303__advanced_content_Dre9cW .video-wrapper.modal-header {
    padding-bottom: 49.25% !important;
}
4

The video is partly hidden behind the next section.

Try the second video, and see how it pops up and looks.

5

Didnt change anything.

6

Each video by itself on the page, works perfectly.

When I have them both on there, one opos fine, and the other hides behind the next section.

Anything related to Z Index ?

7

@Vacek for this particular session, it will need multiple css settings for the video to be visible within the section

suyash1_0-1751295687668.png
suyash1_0-1751295687668.png1366×768 197 KB

8

Setting the Z-Index on the top video to 5, and the second video to 0 , solved the issue.

1 Like