Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • July 3, 2019 at 7:31 am #176231
    Northwinds
    Participant

    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.

    July 4, 2019 at 12:11 am #176261
    sapana
    Participant

    @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

    July 5, 2019 at 1:17 am #176375
    udosl
    Participant

    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

    July 5, 2019 at 2:12 am #176382
    sapana
    Participant

    @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

    July 5, 2019 at 3:21 am #176388
    udosl
    Participant

    sorry, it did’t help.

    July 5, 2019 at 3:50 am #176392
    sapana
    Participant

    @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

    July 5, 2019 at 4:10 am #176393
    udosl
    Participant

    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

    July 5, 2019 at 4:33 am #176394
    sapana
    Participant

    @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

    July 5, 2019 at 4:41 am #176395
    udosl
    Participant

    Thank you!

    July 5, 2019 at 6:56 am #176418
    Northwinds
    Participant

    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!

    July 6, 2019 at 3:06 am #176467
    udosl
    Participant

    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

    July 7, 2019 at 11:50 pm #176577
    sapana
    Participant

    @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

    July 7, 2019 at 11:51 pm #176578
    sapana
    Participant

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

    Kind Regards,
    Sapana

    July 8, 2019 at 12:06 am #176585
    udosl
    Participant

    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

    July 8, 2019 at 12:21 am #176588
    sapana
    Participant

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

    Kind Regards,
    Sapana

    July 10, 2019 at 2:02 am #176776
    sapana
    Participant

    @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

    July 10, 2019 at 5:34 am #176786
    udosl
    Participant

    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

    July 11, 2019 at 12:50 am #176842
    sapana
    Participant

    @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
Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Catch Fullscreen Video header not showing on mobile?’ is closed to new replies.