Mobile phone slider image repeated 3x

  • iacino

    (@iacino)


    8 years, 1 month ago

    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)
  • WEN Solutions

    (@wen-solutions)

    8 years, 1 month ago

    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)

    8 years ago

    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)

    8 years ago

    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?

    WEN Solutions

    (@wen-solutions)

    8 years ago

    @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.