Mobile phone slider image repeated 3x

  • Where in the code files can I stop the frontpage slider image from repeating 3 times on the mobile phone? It makes it very difficult to scroll down with finger.

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello @iacino,
    Add this code to Customize-> Theme Options-> Custom CSS
    It will reduce height of slider image for all devices that are narrower than 767px.

    @media screen and (max-width: 767px){
.evision-wrap-banner .bx-viewport,
.evision-wrap-banner .bx-wrapper,
.evision-main-slider{
    height: 50vh !important;
}

.evision-slider-caption {
  width: 96%;
  padding-bottom: 10%;
  padding-top: 10%;
}
}

    In order to stop slider image repeating, you can customize the code of the file going to assets-> frameworks-> bxslider-> js-> jquery.bxslider.js and change the behavior of infiniteLoop: true targeting mobile device.Consider making Child themes while editing the files.

    Regards,

    Thread Starter iacino

    (@iacino)

    I’ve been trying to figure out how to change the javascript but I don’t know the language very well, but at least I know what file to go into. I guess I will figure it out eventually. Thank you!

    Thread Starter iacino

    (@iacino)

    You know it doesn’t automatically loop and repeat. Your finger has to slides image over and I want it to be static and not repeat to make it easier to scroll down with finger. So are you sure that the this file needs to be edited?

    @iacino,
    That’s the file you need to edit in child theme. You have to set javascript property touchEnabled : false for mobile devices width.

    Regards,

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Mobile phone slider image repeated 3x’ is closed to new replies.