Youtube title on mobile view , white div below my annoucement bar

[astelnova]

Hello, i have several problem on my website :

i have this white bar who dont want disappear since i’ve modify the code to hide/ cut the title of the video (on webview). and i can’t even renember which line was concerned…

2° problem :


The problem of this youtube title didn’t disappear on mobile view .. so i managed to make the modification on webview by cutting a part of the video , but i doesn’t work on mobileview… and to make everything perfect the video is not even well framed… someone to help?

[diego_ezfy]

Hello,

Please share:

• your store URL;
• page URL with the issue you mention;
• storefront password (if your store has one).

Kind regards,
Diego

[astelnova]

Hello diego , thanks for your reply :

Url : astelnova.com

password : gaicke

the problem is on the home page at the top .

Best regards

astelnova

[diego_ezfy]

To fix issue number 1. do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:

.Header--transparent{
    margin-top: -12px;
    position: relative;
    border: unset;
    box-shadow: unset !important;
    background-color: var(--secondary-elements-background) !important;
}

Regarding issue number 2. I won’t be able to walk you through a solution, it’s more complex.
Ideally I’d need to be in your theme and take a look at the code to see what tools Youtube’s API offer to customize the title.
The code generated by youtube is within an iframe, therefore it’s not customizable.

Kind regards,
Diego

[astelnova]

Thank you for the first solution ! it’s ok the problem its solved !!

About the second one , do you have any solution to cut it on mobile , if we cannot block the display?