Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #265383

    HI
    on this landing page:
    – I have a color section with a video background and am swapping it for the layer slider on mobile/tablets. I just saw that this is not working in safari or firefox but is fine in chrome. Is there a fix for this or are these platforms not being supported?

    this is the code you gave me:
    /*swap video for slideshow on mobile*/
    @media only screen and (min-width: 1024px) {
    .page-id-6904 #full_slider_1 { display: none!important; }
    .page-id-6904 #av_section_1 { display: block !important; }}
    @media only screen and (max-width: 1024px) {
    .page-id-6904 #full_slider_1 { display: block!important; }
    .page-id-6904 #av_section_1 { display: none !important; }}

    Do you know what the problem might be? Does Safari not render the video backgrounds correctly?
    thanks as always for your help
    n

    • This topic was modified 8 years, 7 months ago by Yigit.
    #265616

    also here same problem on safari:

    • This reply was modified 8 years, 7 months ago by Yigit.
    #265655

    Hi!

    Your version of the theme needs to be updated so that it includes the newest bug fixes. There have been quite a few updates to help with the video implementation since 2.5.4 and updating should bring everything up to date and working.

    Regards,
    Devin

    #267876

    HI Devin
    I have done a test site which is running enfold 2.7.1, but am still not seeing the video background in safari & firefox. Chrome is fine. Site is:
    Any suggestions? Am I setting something wrong?
    Thanks for your help
    n

    • This reply was modified 8 years, 7 months ago by Yigit.
    #267885

    Hey!

    It does work fine on my end – http://i.imgur.com/yJ131Ef.png
    Please make sure that you have Flash installed and enabled

    Cheers!
    Yigit

    #267891

    ah yes, flash. that worked, thanks.
    Is there a way to check if flash is installed and then show the slideshow instead of the video color section if it’s not?

    I am having another problem when I update to 2.7.1 – the logo in the header on the mobile is rendering too large – I had some code there from the old version, but it seems to have changed. Can you help me with that? thanks!

    • This reply was modified 8 years, 7 months ago by Yigit.
    #267895

    Hey!

    Please add following code to Quick CSS

    @media only screen and (max-width: 767px) { 
    .responsive .logo a, .responsive .logo img {
    height: auto !important; }}

    Regards,
    Yigit

    #267909

    thanks got it working and customized a bit. thanks!

    now trying to use this code:

    @media only screen and (max-width: 767px) {
    .mobile_active #advanced_menu_toggle {
    display: block;
    right: -20px;
    top: 40px; }

    to move the menu icon on mobile over to the right a bit, but it’s not working in 2.7.1…??

    • This reply was modified 10 years, 6 months ago by Munford.
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘video background not showing in safari’ is closed to new replies.