Tagged: logo header, video background
-
AuthorPosts
-
May 15, 2014 at 5:41 pm #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.
May 15, 2014 at 11:35 pm #265616also here same problem on safari:
- This reply was modified 8 years, 7 months ago by Yigit.
May 16, 2014 at 2:42 am #265655Hi!
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,
DevinMay 21, 2014 at 10:37 am #267876HI 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.
May 21, 2014 at 10:57 am #267885Hey!
It does work fine on my end – http://i.imgur.com/yJ131Ef.png
Please make sure that you have Flash installed and enabledCheers!
YigitMay 21, 2014 at 11:16 am #267891ah 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.
May 21, 2014 at 11:28 am #267895Hey!
Please add following code to Quick CSS
@media only screen and (max-width: 767px) { .responsive .logo a, .responsive .logo img { height: auto !important; }}
Regards,
YigitMay 21, 2014 at 11:50 am #267909thanks 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.
-
AuthorPosts
- The topic ‘video background not showing in safari’ is closed to new replies.