![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: advanced layer slider, enfold, LayerSlider
-
AuthorPosts
-
December 12, 2017 at 5:21 pm #888009
I am trying to set up the mobile view slide (the slider only has one slide) so that all of the elements of the slide load together right away. Right now only one element and the background load with the page. The rest of the elements only appear when l I tap screen or scroll. Thanks
December 14, 2017 at 3:57 am #888719Hey williamslyd,
Thank you for using Enfold.
The layer slider looks a little too small on mobile view. Please try to create a taller slider for mobile view. Add the following script to trigger the animation.
// custom script add_action( 'wp_footer', 'ava_custom_script' ); function ava_custom_script() { ?> <script type="text/javascript"> (function($) { function a() { $(window).trigger('debouncedresize'); $(window).trigger('scroll'); } a(); })(jQuery); </script> <?php }
Best regards,
IsmaelDecember 23, 2017 at 5:51 pm #891831Hello Ismael,
What file and where in the file does your custom code snippet go? We are having a similar issue as williamslyd. On the mobile view of the advanced layerslider, only part of the slide renders in view. Once I start to scroll, the slide appears in full. I followed the templates provided by LayerSliderWP almost exactly to keep things simple.
We upgraded to Enfold 4.2 and WordPress 4.9.1.
Thank you!December 23, 2017 at 9:45 pm #891861Hi,
Please add the code to the end of your functions.php file in Appearance > Editor or via FTP.Best regards,
MikeDecember 26, 2017 at 8:15 pm #892062Hello Mike,
Thank you for getting back to me so quickly. I added the code snipped provided by Ismael to the end of the functions.php, and it does render the <script> into the DOM, but it doesn’t seem to trigger the necessary response on mobile to resize the window to bring the layerslide in full view. We also used imported the “marketing pack” layerslider into the Enfold theme ‘as is’ and it doesn’t work properly in mobile within Enfold, but works fine outside of Enfold. https://layerslider.kreaturamedia.com/sliders/marketing-page-pack/Can you suggest any other options to try?
Thank you!January 3, 2018 at 12:15 am #892646Hi,
I have tried logging in and looking at your sliders, but could not, please check login info. Testing on my Android shows that at mobile view (360px) the slider is mostly behind the header. Please see screenshot 1 in Private Content area.
Yet when I hold my device landscape, (640px) the slider doesn’t show at all, Please see screenshot 2 in Private Content area. Do you have another slider for this size?Best regards,
MikeJanuary 3, 2018 at 4:47 am #892722Mike,
My apologies for the bad login. There is another account in the private content area. Per screenshot 1, yes that is the issue that the slider starts behind the header. I can’t figure out why. It then appears fully once you start scrolling.
Ah, you are right that I am missing one for 640px. I will add that right away. Thank you for the catch.
Thank you!-
This reply was modified 6 years, 8 months ago by
wcmetz. Reason: identified page the layerslider is on
January 4, 2018 at 5:28 am #893087Hi,
Did you hide the layer slider on mobile view? A different content or section is displaying on smaller screens, which is better in my opinion, because layer sliders don’t work well on small screens in general.
Best regards,
IsmaelAugust 24, 2019 at 12:22 am #1130513i am having the same issue on with layerslider on my website and can’t seem to figure out why
August 24, 2019 at 5:53 am #1130546Hi,
@nmckelvey sorry I do not see the same issue or your site, please explain further about your issue so we can be sure we are on the same page.Best regards,
MikeAugust 25, 2019 at 12:26 am #1130663Hi – on mobile (http://neci.army8dev.com/), you need to begin scrolling before any of the elements are visible. Not ideal user experience.
August 26, 2019 at 3:20 am #1130807Hi,
Thanks for the feedback, please check the layerslider settings for the slide, it seems that it is triggered by a scroll.
If you can’t find the setting please export the slider to DropBox and link to the Private Content area so we can examine it closer.Best regards,
MikeAugust 26, 2019 at 4:52 pm #1131026Hi Mike, thanks for your help. I have exported the slider to Google Drive and posted the link in Private Content area.
August 27, 2019 at 3:18 am #1131150Hi,
Thank you for the export, the slider works well on a clean install with only the woocommerce plugin.
I see that you have a couple of warnings for “popupaqib” & “woo-category-slider-grid” Please see the screenshot in Private Content area. Please try disabling these and Then clear your browser cache and any cache plugin, and check again. I also see this error:MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled
Please also test without the password on the page.
An error on the page could cause the layerslider to stop working.Best regards,
MikeAugust 27, 2019 at 3:21 am #1131153This reply has been marked as private.August 27, 2019 at 3:31 am #1131155Hi,
I see that this is not your thread, so you can’t see the Private Content area. I will post publicly.
https://i.postimg.cc/MTzhzfmM/2019-08-26-210633.jpgBest regards,
Mike -
This reply was modified 6 years, 8 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.