[Northwinds]

Hi

I have a pretty basic site here:

ctduncan.com

with a video header on the home page only.

I uploaded the video to youtube and pasted the link, which works great on desktop sites but won’t show on mobile screens.

Is there a way to fix this?

Many thanks,

Craig Duncan.

[sapana]

@northwinds: You can use our plugin called Header Enhancement you can easily add the video you want in your header and that too with sound effects also it will enable video in mobile device.let me know if this helps you out!

Kind Regards,
Sapana

[udosl]

Hi, I have the same problem with or without installed Header Enhancement. Desktop iMac looks great, but on iPad Pro and iPhone the video is moved half way to the left, so you can see half of the background pic on the right. It looks weird.
Kind Regards,
Udo
My site: art2be-music.de

[sapana]

@udosl: Go to=> Appearance=> Customize=> Additional CSS=> add the following css code

.custom-header-media .wp-custom-header-video-button {
    bottom: 240px;
    left: 50%;
    transform: translateX(-50%);
}

let me know if this works out!

Kind Regards,
Sapana

[udosl]

sorry, it did’t help.

[sapana]

@udosl: Can you please attach me a screenshot of how your site is showing up in your Iphone and Ipad, It is seems to fine in my end, I have attached screenshot can you please take a look.

Kind Regards,
Sapana

[udosl]

iPhone:
https://www.art2be-music.de/wp-content/uploads/2019/07/IMG_932E45AF507F-1.jpeg

iPad:
https://www.art2be-music.de/wp-content/uploads/2019/07/PNG-Bild.png

[sapana]

@udosl: Hello udsol, there seems to be issue, I will forward this issue to the development team, it might take few days to fix this issue. I will let you know as soon as the issue is fixed.

Kind Regards,
Sapana

[udosl]

Thank you!

[Northwinds]

Hi Sapana
Thank you for the suggestion.
Can you please explain how to use the plugin after install?
I downloaded and installed it directly through the the plugin>add new menu then activated.
However the support forum link leads to a missing page.

Thanks again!

[udosl]

Hi,

same with Safari:
https://www.art2be-music.de/wp-content/uploads/2019/07/Bildschirmfoto-2019-07-06-um-09.02.17.pdf
Maybe that helps.
iMac Desktop, not iPad

Kind Regards,
Udo

[sapana]

@northwinds:
step 1: Go to Plugins > Add New
step 2: Type in the Header Enhancement in Search Plugins box
step 3: Click Install Now to install the plugin
step 4: After Installation click activate to start using the Header Enhancement
step 5: Go to Header Enhancement from Dashboard menu
which will automatically enable the header video in mobile along with sound.let me know if this helps you out!

Kind Regards,
Sapana

[sapana]

@udosl: Hello udosl we are looking into issue and will let you know as soon as the update is available.

Kind Regards,
Sapana

[udosl]

Hi,

thank you for your help.

I uninstalled Header Enhancement (free version) and did a new install and activation. It doesn’t work. Sorry.
Do I have to purchase Header Enhancement Pro for that to work?

Kind Regards,
Udo

[sapana]

@udosl: Issue persist in both free and pro both, we will let you know as soon as the update is available.

Kind Regards,
Sapana

[sapana]

@udosl: Hello udsol, sorry for the late reply, it take long time to figure out the issue, Can you please add this code try it once. Go to=> Appearance=> Customize=> Additional CSS=> add the following css code

.custom-header-media video, 
.custom-header-media iframe {
-o-object-fit: unset;
 object-fit: unset;
}

Let me know if this helps you out!

Kind Regards,
Sapana

[udosl]

Thank you, it works!
That’s what I have in my additional css now:

.custom-header-media .wp-custom-header-video-button {
bottom: 240px;
left: 50%;
transform: translateX(-50%);
}

.custom-header-media video,
.custom-header-media iframe {
-o-object-fit: unset;

object-fit: unset;
}

Do I still need the first one?

Kind Regards,
Udo

[sapana]

@udosl: Yes you need to add both code, this issue will be permanently fixed in next theme update , so there will be no need to add any additional css code. I will let you know when next theme update is available.

Kind Regards,
Sapana

[Author]

Posts