Hi,
I have used full screen slider with 3 images, its working fine in Firefox, if i checked in chrome, opera, safari browsers it got shake while scroll through mouse, kindly help to fix this.
Full screen slider link
http://www.mobiday.in/?page_id=928
Thanks.
-
This topic was modified 10 years, 11 months ago by
rajivnetra.
This reply has been marked as private.
Hi, I hope you can help.
I can’t get Layerslider to work on iOS. The slider was working fine when I used Fullscreen Slider but since changing to Layerslider it won’t show at all in iPad/iPhone. It works fine on desktop Chrome/Safari etc…
Also, I had Fullscreen Slider sitting behind the semi-transparent header. I can’t get this to work at all with Layerslider which sits below the header rather than under it (I’ve disabled it for now but the client REALLY wants that effect).
Any help really appreciated as this needs to go live as soon as possible.
Hello,
I’m having problems with fullscreen slider and the parallax effect. When scrolling in Safari (Yosemite) the effect is not smooth. I’m using wordpress 4.0.1 and enfold 3.0.4
How can I disable the parallax effect on fullscreen slider???
Thanks in advance…
Hi,
For the first time we’ve tried to add a video instead of a picture for the fullscreen slider on our homepage. The point of the video is to loop every 10 sec so it looks endless. See example here: http://goo.gl/97xb3
We’ve tried several options. Youtube displays a black screen with “Play” button in between the loops, so that’s not an option. We’ve tried adding it inside WP itself, which seems to work a lot better, though in Safari the loop still stutters in between playthroughs.
But the biggest issue is (in any browser) when loading it for the first time. First you get an empty black screen for a while, then you see the video for a fraction of a sec until it pauses and plays, pauses and plays again, … until after a while it starts to run fluently.
Any other movie I’ve seen in the Enfold demo page or sites based on Enfold theme do not have this stuttering issue and black intro screen, so I wonder if there is something we can do to improve this performance before we scrap the whole thing and go back to a simple picture.
Thanks in advance.
This reply has been marked as private.
Hi there,
we are having some compatibility issues with the fullscreen slider on IE10 (and below?).
However, everything appers to be just as expected on Firefox, Chrome, Safari.
Thanks a lot for your help!
Claus
-
This topic was modified 11 years, 4 months ago by
Claus.
Ok to start off, let me provide you some details on the issue. I have tested my website with these specs:
Device: iPhone 6
Firmware: iOS 8.0
Browser: Mobile Safari
Network Connection: LTE
Website: http://www.jaredburnettphoto.com/
This is so weird. I don’t have a means to test on another device or firmware version. When I go to my website using the above method, imaged such as my fullscreen slider and my portfolio galleries will not load the images. If I use wifi, it works like a charm. If I use Chrome for iPhone it works like a charm on both wifi and cellular.
Can anyone else confirm this weird behavior? I don’t remember this ever happening with my iPhone 5. Maybe the site is not working because of iOS 8 or maybe it’s my phone.
Thank you for your help.
Thanks,
Jared Burnett
Sorry for the delayed response. It still does the same thing with the parent them js/shortcodes.js file.
One issue is that if I click on any of the bullets out of order the slider stops and won’t start again until I go back to the slide that I was previously on.
If I open a tab in safari browser and then go back to the website the slideshow freezes and I have to refresh the page to get it to work. If I open tabs in Firefox or on iOS devices this doesn’t happen.
Here is the the thread that Dude helped me on
https://kriesi.at/support/topic/fullscreen-slider-pause-issue/
I have a fullscreen slider on my homepage. When I open up another tab in my browser on Safari and then go back to my homepage with the slider, the slider is frozen and not responsive. The only way I can get the slider to start working again is by refreshing the browser. The arrows and bullets don’t work until it is refreshed. This doesn’t seem to happen on mobile devices however.
I also noticed that if I click one of the bullets later in the slideshow the slider freezes as well until I go back to the image that I was on and then it resumes.
You did help with a pause issue on the fullscreen slider that made it so the slider would continue autorotation after a slide is changed by the user so not sure if this is what is causing the problem or not.
Is this normal behavior? Hopefully there is a way to fix these issues. Thanks in advance!
@pako69 – maybe you could try this in your style.css:
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
.avia-ipad #top .scroll-down-link {bottom: 20px;}
}
Worked for me. It seems there’s a bug in Safari that adds extra 20px space to height to the fullscreen slider element and that’s why the scroll to next section icon seems to disappear below the screen.
Don’t know if this is the most graceful solution, but it does seem to work on my iPad with Safari in landscape mode without affecting Chrome that works just fine as it is.
Hi!
That’s a very known problem with parallax effect in Safari, the best thing you can do at the moment is to disable it for Safari users, please check this topic where we discussed this issue:
https://kriesi.at/support/topic/fullscreen-slider-jumpy-and-not-smooth-on-some-browsers/
Cheers!
Josue
Hey!
I checked the code that I suggested and I realized it’s wrong. Please use this on header.php instead:
<body id="top" <?php $browser = strtolower(avia_get_browser()); body_class($style." ".$avia_config['font_stack']." ".$blank.$browser); avia_markup_helper(array('context' => 'body'));?>>
Add the css snippet:
.safari .avia-fullscreen-slider .avia-slideshow-inner {
-webkit-transform: translate3d(0px, 0px, 0px) !important;
}
Cheers!
Ismael
Try:
.Safari .avia-fullscreen-slider .avia-slideshow-inner, .MSIE .avia-fullscreen-slider .avia-slideshow-inner {
-webkit-transform: translate3d(0px, 0px, 0px) !important;
}
Cheers!
Josue
Yes, it’s ok there but you need to change the s to a capital S:
.Safari .avia-fullscreen-slider .avia-slideshow-inner {
-webkit-transform: translate3d(0px, 0px, 0px) !important;
}
Cheers!
Josue
Hi Josue,
I had already tested it out using this CSS (Ismael had provided this code earlier in the thread):
.Safari .avia-fullscreen-slider .avia-slideshow-inner {
-webkit-transform: translate3d(0px, 0px, 0px) !important;
}
Any other suggestions?
Cheers
Hi!
Try changing the code in Quick CSS to:
.Safari .avia-fullscreen-slider .avia-slideshow-inner {
-webkit-transform: translate3d(0px, 0px, 0px) !important;
}
Best regards,
Josue
Hi!
Thank you for the info.
Looks like we need to wait until Safari got better support for the webkit-transform property or you can disable the effect for Safari with this on Quick CSS or custom.css:
.safari .avia-fullscreen-slider .avia-slideshow-inner {
-webkit-transform: translate3d(0px, 0px, 0px) !important;
}
Before adding the code above, edit header.php then find this code on line 61:
<body id="top" <?php body_class($style." ".$avia_config['font_stack']." ".$blank); avia_markup_helper(array('context' => 'body')); ?>>
Replace it with:
<body id="top" <?php $browser = avia_get_browser(); body_class($style." ".$avia_config['font_stack']." ".$blank.$browser); avia_markup_helper(array('context' => 'body'));?>>
Regards,
Ismael
Hi,
I’ve noticed that my fullscreen slider gets rather jumpy and choppy on certain browsers as you scroll down (even when you click the next section button at times). In particular Safari 7.0.3 on Mac and IE 11 on windows it can get pretty bad. My friend checked on Firefox 28 on Windows XP and he says its pretty jerky as well when you scroll down. Firefox (29) and Chrome on Mac and Windows seems fine.
Seems others have brought this issue up on the forums. Have there been any updates as to any possible fixes?
Thanks!
Hey!
I marked this thread for Kriesi – he works with a Mac and should be able to reproduce the issue.
Cheers!
Peter
Hi @devin and @ismael
Thanks for replying!
Please see the following test site for the above described issues in terms of the fullscreen slider + transparency + the scroll down function.
http://cg.madswestermann.dk/test-home/
Looking forward to your responds!
Hey!
If you can set up that same fullscreen+transparent layout on a second unlisted page we can test it out and see whats going on. Just point us to where it is when it is live.
Cheers!
Devin
Hi Ismael
Thanks for your responds.
As I wright above – the problem occurs in Safari… I am testing on a macbook pro 13 inch – and there is NO problem in Chrome or Firefox.
The site is: http://cg.madswestermann.dk/
However, due to the problem I have now changed the header, so it is NOT transparent – which seems to be where the problem occurs. For you I will change the header back to transparent so you can see the problem.
Regards,
ChangeGroup
Hi changegroup!
Thank you for the info.
If you don’t mind, we would like to see the actual website so that we can check it. On what browser and OS are you testing this?
Regards,
Ismael
Hi
In Safari, when using the Fullscreen slider in combination with a transparent header – the scroll down function gets jumpy and lag when scrolling down to the content below.
Any advice?
I tried this, but didn’t work on my end:
https://kriesi.at/support/topic/fullscreen-slider-srcoll-down-bug/
https://kriesi.at/support/topic/fullscreen-slider-srcoll-down-bug-page-2/
Hi Enfold team,
I need help with the mobile version of the website that I’m creating.
The fullscreen slider on my frontage/homepage have issues in mobile version. The function to scroll down to next section still shows areas of the bottom of the fullscreen slider after a scroll down to the section below. I have checked on mobile version – both Android, iOS on iPhone and iPad – This do not occur on PC/MAC in safari, Chrome, Firefox.
Any advice?
Nope, sorry to disappoint you, but that’s definitely not the case. As I said, it doesn’t even happen only when I click that scroll down button. It happens even without clicking it.
It is there for sure, already 6 colleagues have reported this to me and I have it as well. Note that I’m using Safari on a Mac, but only one of those colleagues has a Mac as well, the others are PCs.
I guess I’ll have to make a video of it, as it seems you guys keep denying this issue actually exists.
Based on: https://kriesi.at/support/topic/fullscreen-slider-srcoll-down-bug/
I have just noticed this jumping issue is still there. Now I see it jump on a page where I did not click on the scroll down button. Try scrolling down this page: http://goo.gl/zR6n14
Pay close attention to the big picture with the green truck. Please note that you should try this in Safari.
Hi!
Yeah.. I haven’t check this on Safari before and now I can see the issue. Please try to add this on Quick CSS or custom.css:
@media screen and (-webkit-min-device-pixel-ratio:0) {
.avia-fullscreen-slider .avia-slideshow .avia-slideshow-inner li {background-attachment: scroll !important;}
}
Best regards,
Ismael
Hi Ismael,
I have been using this theme for almost a year now and with every single update I’m more and more impressed. By far the best theme I’ve ever tried.
The jumping on the second fullscreen slider is definitely there, though I was using Safari. I’ve just tried Chrome and Firefox and neither of those seem to have this issue. I haven’t tried IE yet. I also had 2 colleagues mention to me that they noticed this same issue.
Since I can clearly see the difference ever time I scroll with the scroll down button versus scrolling without the scroll down button, I am sure there is something buggy about it. Perhaps I should try making a video whilst doing it or you can try Safari if you haven’t done so before.