Hero Video :: Remove YouTube Title Text From Full Screen

Store Design
, , , ,
1

Hello!

A YouTube video I’ve added to the Hero of my Shopify store is overlapping with my menu bar (please see a snapshot below)(website: www.shayrdair.com)

YouTube Text Overlap.png
YouTube Text Overlap.png2880×1692 469 KB

Does anyone know how I can remove the YouTube title text so that my store visitors can clearly see my menu bar? This appears to be happening on desktop and android devices.

I’m trying to launch my store tomorrow and would appreciate some help straightening this out!

Many thanks for considering my request :slightly_smiling_face:

-Tim

@PageFly-Victor

2

Hello @TimDono1

Try this code: it will be helpful to you:

Go to the online store>theme>Edit code>styles.css>add code in this file.

.ytp-title-enable-channel-logo .ytp-title-channel {
display: none !important;
}
.ytp-title-enable-channel-logo .ytp-title {
    display: none !important;
}
3

Hi @TimDono1 .

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can go to Online store => themes => actions => edit code and add this code on file style.css

.ytp-title{
display: none !important;
}
.ytp-title-text{
display: none !important;
}

Hope this answer helps.

Best regards,

Richard | PageFly

4

Thank you @PageFly-Richard ! This worked! Much appreciated

5

Great! @TimDono1

You’re most welcome! I’m glad I can help you :blush:

6

Hello! I’m having the same issue but I tried entering your code in section-video.css and it’s not working, the Youtube title is still showing when the video starts playing on mobile (doesn’t show on desktop computer). I have the Mojave theme. Is there somewhere else I should be adding the code?