We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

YouTube video popping up, under next section

Solved

YouTube video popping up, under next section

Vacek
Tourist
6 1 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 ?

Accepted Solution (1)

Vacek
Tourist
6 1 1

This is an accepted solution.

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

View solution in original post

Replies 7 (7)

suyash1
Shopify Partner
11112 1367 1751

@Vacek  looks like it has popped up above 

 

suyash1_0-1751293710704.png

 

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com
Vacek
Tourist
6 1 1

The video is partly hidden behind the next section.

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

suyash1
Shopify Partner
11112 1367 1751

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

 

suyash1_0-1751295687668.png

 

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com

namphan
Shopify Partner
2777 358 407

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;
}
Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com
Vacek
Tourist
6 1 1

Didnt change anything.

Vacek
Tourist
6 1 1

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 ?

Vacek
Tourist
6 1 1

This is an accepted solution.

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