Shopify themes, liquid, logos, and UX
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
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 ?
Solved! Go to the solution
This is an accepted solution.
Setting the Z-Index on the top video to 5, and the second video to 0 , solved the issue.
The video is partly hidden behind the next section.
Try the second video, and see how it pops up and looks.
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;
}
Didnt change anything.
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 ?
This is an accepted solution.
Setting the Z-Index on the top video to 5, and the second video to 0 , solved the issue.