Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • December 3, 2019 at 12:20 am #1162035
    bartroovers

    Hi,

    Can you offer me a solution on these 2 problems I have with the slider on my website:

    1. The hamburger menu on mobile is overlaying the video
    2. The preview/fallback image appears under the video on mobile

    Thanks!

    December 4, 2019 at 4:16 am #1162441
    Rikard

    Hey Bart,

    Could you try updating the theme to the latest version (4.6.3.1) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.

    Best regards,
    Rikard

    December 4, 2019 at 12:58 pm #1162557
    bartroovers

    Hi Rikard,

    Thanks for your response. I have updated it to 4.6.3.1. The same problems are still occurring.

    December 4, 2019 at 1:00 pm #1162559
    bartroovers

    And another problem is that on mobile devices the video shows the controls. While this is actually turned off in the settings..

    How can I remove the controls on mobile?

    December 8, 2019 at 5:04 pm #1163829
    Mike

    Hi,
    Sorry for the late reply, for your menu on mobile, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 767px) {
.responsive #top .av-main-nav .menu-item-avia-special {
    top: -40% !important; 
}
}

    For you video controls , I do see them for about one second on load, but not after that. If this is what you mean, please include an admin login in the Private Content area so we can take a closer look.

    Best regards,
    Mike

    December 10, 2019 at 11:06 am #1164366
    bartroovers

    Hi Mike,

    On my end it doesn’t just happen on load. The controls stay there when loaded. I will provide you with a login.

    The css code worked for mobile, thanks! Now I would also like a bit more whitespace on desktops.

    And then there is still the problem of the image appearing under the video on mobile.

    Thanks for helping me out.

    Kind regards,

    Bart Roovers

    December 12, 2019 at 1:12 pm #1165195
    Mike

    Hi,
    Sorry for the late reply, and thanks for the login, I have been looking into the fallback image, and noticed that the slider video always loads on my Android device, but I don’t have an iPhone. Do you find it always loads for you also, I recommend removing the fallback image and check while we can check into this further.

    Best regards,
    Mike

    December 14, 2019 at 12:17 am #1165720
    bartroovers

    Ok I removed the image. But when I open it on mobile this text appears on top: please set mobile fallback image..

    December 14, 2019 at 6:45 pm #1165915
    Mike

    Hi,
    Thanks for the feedback, I tried to investigate this further by recreating your page on my localhost in the same version with the same element settings using your video and fallback image, and the fallback image showed on mobile screen sizes without the video and the video showed on desktop without the fallback image, in short it worked correctly.
    I even tried installing your “Widget Options” plugin to test for a conflict, but found none.
    I also tested this on our next version that should be released soon and found no errors.
    So I’m not sure why this is happening for you, but I added this css to your Quick CSS for now so your homepage video will work for you:

    .avia-slide-wrap > p.av-fallback-message {
	display: none !important;
}

    Please clear your browser cache and check.
    I recommend removing this css after the next update and adding the fallback image to check that the slider then works correctly.
    The only other thing I can think of is to re-upload your theme now, do you want us to try that, or wait for the update?

    Best regards,
    Mike

    December 14, 2019 at 7:53 pm #1165925
    bartroovers

    Hi,

    Thanks Mike, I appreciate it! It works good now. The only thing that’s left is that on the desktop version there is no white space under te menu. Not a very big deal but some space would be nice.

    Yes, you can go ahead and try re-installing the theme and see if it works.

    Kind regards,

    Bart Roovers

    December 14, 2019 at 7:57 pm #1165926
    bartroovers

    Oh, I just noticed one more thing that’s still happening. It’s that on mobile it shows the video controls when I tap on it. And on desktop there is the ability to pause the video.. I want this to be turned off. I did turn it off in the settings but it doesn’t show on the website.

    December 14, 2019 at 10:13 pm #1165940
    Mike

    Hi,
    Ok I will try to reinstall the theme, but I thought the ftp access was posted above but now see it is not, please include ftp access in the Private Content area.

    Best regards,
    Mike

    December 16, 2019 at 3:05 pm #1166420
    bartroovers

    Done :)

    December 17, 2019 at 3:08 pm #1166853
    Mike

    Hi,
    Thank you, I reinstalled your theme and cleared the site cache and removed the “temp css fix” and added the fallback image back and now everything seems to work as intended. The slider video still accepted clicks to pause, I believe this is intentional, but I added this css to remove that:

    #top.home #full_slider_1 {
	pointer-events: none !important; 
}

    Please clear your browser cache a couple of times and check.
    After you carefully check your site please let us know and I will remove the backup theme from your theme folder “enfold-old” via ftp so it won’t confuse anyone in the future.

    Best regards,
    Mike

    December 18, 2019 at 5:21 pm #1167384
    bartroovers

    Hi Mike,

    It seems to be working well on desktop but now on mobile I just see the fallback image and no video.

    Is there a fix for this?

    Thanks for your help!

    December 19, 2019 at 2:10 pm #1167735
    Mike

    Hi,
    Sorry this is/was the intended behavior all along, Safari and Chrome announced last year that they are not supporting auto playing video on mobile, thus the need for a fallback image. It was the error that seemed to show the video on mobile on your site.
    Please try using the layerslider as your slider.

    Best regards,
    Mike

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.