slick-slider | native WordPress galleries into beautiful sliders | Carousel library

I have a Slick Carousel in my webflow site. Desktop, tablet works fine, but when I switch to mobile the items are stacked up in vertical order instead of horizontal. Interesting fact is that when I open chrome dev tools and squeze the width of the page to mobile, it works fine, but when I actualy use the Mobile Responsive button or my phone it's vertical.

My JS:

I have seen several other posts with issues to get it working but none of them provided a solution for me.

The slick-slider folder is in my static file and is successfully being read but nothing at all is happening to my HTML.

I appreciate the help :)

I'm modifying a Shopify template but my CSS knowledge is limited and I'm stuck with this problem for hours already.

1. When I put margin: 3rem 0; in .slick-slider, it works but whenever the page loads, the card stacks jump to new positions.

2. When I put margin: 3rem 0; in .featured-products, the card stacks stay in their positions but the glow is stopped like the first photo. Also, the titles disappear when I put top: -30px; into .widget-title.

I really appreciate if you could show me how to make it work!

I have a slick slider which adapts based on window width. When resizing the window, I get a Cannot read property 'add' of null" error.

The cause for the error is because it is trying to re-init slick on resize. I have tried the following snippet of code, but with no success:

$(window).on( 'resize', slickOnResize );

How do I prevent this error on resize and so that it's only initiating once?

I'm trying to use Tinysort to order a dynamic list of job vacancy quantities into 'highest to lowest' order for the purposes of a slider on a careers page. I've shared the code I'm using with some arbitrary numbers within a 'careerscount' span within each list item (in place of the data pulled in from the API). I cannot get the list to order from highest to lowest. ASC order seems to work fine but DESC won't work. Any clues as to where I'm going wrong with the function would be really appreciated!

I'm trying to make some customization in a Shopify theme (the Brooklyn one). In this theme, there is a file theme.js.liquid in which they import the slicker:

This is a bit of a specific issue, but I'm hoping I'm not alone with it!

After updating to WP 5.6, all of my websites are having issues rendering a Slick Slider in the Block Editor. On the front-end, the sliders are fine.

I believe the issue is that if I have a block with Slick Slider inside it, and that block is set to 'full width' in the WP editor, Slick Slider is unable to find the correct size of the window within the block editor. The sliders then expand beyond the viewport, pushing the block editor settings box off-screen and making the editor pretty unusable.

As the title suggests, I'm using the latest version of slick slider, and I'm rendering this through a custom ACF Block within WP 5.6.

Prior to 5.6 everything rendered just fine. I'm hoping the solution is a simple CSS change, but I can't for the life of my find something that works.

Here is my code:

Very weird situation. When my slick slider goes to the next / previous image one 3-column block with red titles in them the font goes a little darker and then comes back normaly as the slider finished sliding one element.

It looks like the font ins "blinking"

• downgrading slick back to 1.6.0
• remove all classes of the 3-column block and style each element
• different window-sizes
• different browsers (Firefox & Internet Explorer)
• Validate Source-Code (NU checker showed no errors.)

It works fine in Firefox & IE but not in Chrome - can't test in safari but somebody told me the same is happening there.

I really don't know what else i could do.

I'm currently writing a web application in Flask and using Blueprints. However, a blueprint uses the wrong static folder, although the configuration should be the same. Where is my mistake?

Main.py