Video Header Mobile Illdy

Illdy
1

Hi Support Team

My site is www.hologramme-concept.fr

The YouTube URL link is not working on the mobile version. I tried these CSS codes but no success :

@media #header.header-front-page {
background-image: url(‘https://youtu.be/4Fy2hl1uAsQ’) !important;
}
@media only screen and (max-width: 1000px){
#wp-custom-header {
background: url(‘https://youtu.be/4Fy2hl1uAsQ’);
background-size: cover;
}
#site-navigation div.search-widget-handle{
display:none;
}
@media only screen and (max-width: 700px) {
#header.header-front-page {
background-color: #000000;
background-image: url(‘https://youtu.be/4Fy2hl1uAsQ’) !important;
}
}

How can I fix this ?

Thank you in advance,

Cheers

Romain

2

Glad to know this information. Thanks

3

hi Romain

By default, this is not possible, only place holder image is visible for mobile devices and CSS code you have there it will not work, unfortunately this is not possible without customization of the template

4

Hi Nora

Thank you for your answer. How can I customize the template to fix this ?

This is the key point of my website to show my product.

Best,

Romain

5

Hi Romain

You have to make changes in the theme files to make it happen, customization requires advanced knowledge of PHP in this case, unfortunately, we are not providing support for such changes