Tagged: , ,

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • December 12, 2017 at 5:21 pm #888009
    williamslyd

    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 #888719
    Ismael

    Hey 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,
    Ismael

    December 23, 2017 at 5:51 pm #891831
    wcmetz

    Hello 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 #891861
    Mike

    Hi,
    Please add the code to the end of your functions.php file in Appearance > Editor or via FTP.

    Best regards,
    Mike

    December 26, 2017 at 8:15 pm #892062
    wcmetz

    Hello 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 #892646
    Mike

    Hi,
    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,
    Mike

    January 3, 2018 at 4:47 am #892722
    wcmetz

    Mike,
    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, 11 months ago by wcmetz. Reason: identified page the layerslider is on
    January 4, 2018 at 5:28 am #893087
    Ismael

    Hi,

    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,
    Ismael

    August 24, 2019 at 12:22 am #1130513
    nmckelvey

    i 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 #1130546
    Mike

    Hi,

    @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,
    Mike

    August 25, 2019 at 12:26 am #1130663
    nmckelvey

    Hi – 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 #1130807
    Mike

    Hi,
    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,
    Mike

    August 26, 2019 at 4:52 pm #1131026
    nmckelvey

    Hi 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 #1131150
    Mike

    Hi,
    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,
    Mike

    August 27, 2019 at 3:21 am #1131153
    nmckelvey
    This reply has been marked as private.
    August 27, 2019 at 3:31 am #1131155
    Mike

    Hi,
    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.jpg

    Best regards,
    Mike

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