I found the error, it is for incompatibility with Javascript Minify Plugin.
In case someone happens to the same in the future.
hello andrew!
sorry, but it is NOT my case.
bug is there even if i disabled “fast velocity minify” and cache manager
i also tried the css + embeded options of elementor itself.
however i find the root of the problem:
1) it works perfectly with firefox, but NOT in others browser like chrome or edge
2) the bug visually is : enormous white vertical space between bottom of the picture and the navigation dots
3) even if you completely disable the navigation from the caroussel, the huge space is still there..
4) now if i change the style of the page to “elementor canvas” and thus entirely bypassing my theme, THEN IT WORKS!
so now i’ve to find which part of the theme is causing this error. nice, when i don’t have create this website !!!
-
This reply was modified 8 years, 7 months ago by
fredsky2003.
if i force this when debugging in chrome, then it works.
.slick-slider {
max-height: 200px !important;
}
so this is a issue of elementor itself, it has to specify the height of the carroussel
okay, if i do specify a image size of medium large or large, it works.
square or custom image size -> bug
and this trick only work in NOT inside a table, so you can not display several carousels side by side, as i wanted.
live results :
http://mtl.jardinartcoiffure.com/
(instead of the top 3 images there should be 3 carousels)
http://mtl.jardinartcoiffure.com/zoom-sur-le-salon/
one carousel with medium-large size – but still bugged since it’s inside a container…
fred
-
This reply was modified 8 years, 7 months ago by
fredsky2003.
trying inline style with “code HTML” widget…
<style>
.elementor-image-carousel-wrapper,.elementor-slick-slider {
width: 100%;
max-height: 450px;
position: relative;
}
</style>
much better, but not responsive!
elementor, please fix this issue!
-
This reply was modified 8 years, 7 months ago by
fredsky2003.
-
This reply was modified 8 years, 7 months ago by
fredsky2003.