Hero Video :: Remove YouTube Title Text From Full Screen

TimDono1
Explorer
52 1 7

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

 

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 🙂

 

-Tim

 

@PageFly-Victor 

Replies 5 (5)

oscprofessional
Shopify Partner
15896 2377 3082

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;
}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

PageFly-Richard
Shopify Partner
4272 969 1620


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

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

TimDono1
Explorer
52 1 7

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

PageFly-Richard
Shopify Partner
4272 969 1620

Great! @TimDono1 

You're most welcome! I'm glad I can help you 😊

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

bridgetcollecti
Visitor
2 0 0

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?