Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Responsive arrows with Custom prevArrow/nextArrow

See original GitHub issue

short description of the bug / issue, provide more detail below.

When binding existing dom elements to prevArrow/nextArrow properties, responsive property with arrows set to false has no effect. Works when using default prevArrow/nextArrow.

====================================================================

`[ http://jsfiddle.net/aorinevo/fmo50w7n/1221/ ]`

use this jsfiddle to reproduce your bug: http://jsfiddle.net/aorinevo/fmo50w7n/1221/ we will likely close your issue without it.

====================================================================

Steps to reproduce the problem

set prevArrow and nextArrow to existing DOM elements
Set responsive array with two break points and set arrows false for one.
Resize window between break points and see that arrows are always displayed.

====================================================================

What is the expected behaviour?

Arrows should be slick-hidden when breakpoint with arrows=false is hit.

====================================================================

What is observed behaviour?

Arrows are always shown.

====================================================================

More Details

Which browsers/versions does it happen on? Chrome 58.0.3029.110
Which jQuery/Slick version are you using? jQuery 1.11.3/Slick 1.6.0
Did this work before? N/A

Issue Analytics

State:
Created 6 years ago
Reactions:7
Comments:5

Top GitHub Comments

1reaction

jacobarriolacommented, Sep 3, 2017

I can also reproduce this issue. Thanks for creating this @aorinevo

0reactions

aorinevocommented, Sep 6, 2017

@jacobarriola Could provide some feedback on the proposed fix in the PR. Does it work? Is there another approach?

I think this will help the authors/reviewers figure out what the next steps are for the PR.

Top Results From Across the Web

Custom Slick Arrows - Stack Overflow

I am using Slick.js with my project and I want the buttons and dots to be inside the div. I've tried using putting...

Responsive Arrow between text - Customize with code

How can I make an arrow responsive to the text before and after the arrow. Looking at the attached image, the text is...

Topic: Responsive custom slider arrows | Themeco Community

I added some custom arrows to my revolution slider, but they don't resize properly when the browser window is resized or when viewed...

Carousel Arrows Styling · Issue #156 - GitHub

I think we can replace the Forward arrow and Backward arrow with custom images by using, .control-next: before and .control-next default CSS classes...

Options - Splide

Learn how to customize the carousel by available options. ... Splide has 2 different kinds of options — readonly options and responsive options....