Hi @dimandrew,
I hope you are well.
That seems strange. Can you please check for plugin conflicts by following this: You can check for Plugin conflicts by deactivating all the third-party plugins one by one except for Elementor and Essential Addons. Simply go to your WordPress Dashboard and navigate to your WordPress Dashboard -> Plugins and then, deactivate other Plugins.
Let me know how it goes. Thank you!
Hello @dimandrew,
Greetings. Hope you are doing well.
I haven’t heard from you since then. So, I was wondering if your issue has been resolved or not. Please let us know. I wish you a good day.
Thank you!
It wasn’t, the first post kept expanding to full weight before displaying all that are supposed to be displayed in a row.
I have turn it off, since nothing can be done.
I was thinking, maybe a css code might help, but not good in that.
Thanks
Hello @dimandrew,
It would be so appreciable if you please create a test page and share the webpage URL. So that I can inspect and understand this issue and help you to get a good solution soon.
Thank you!
https://worldtalentdiscovery.com/carousel/
You can check. I don’t know maybe is not compatible with the theme I’m using.
i dropped link that was required to check, but no response from u
https://worldtalentdiscovery.com/carousel/
Hello @dimandrew,
I have checked your website. It seems you are using the VidMov theme on your website. We are checking this issue with this theme. Please allow me a little time. I will get back to you soon.
Thanks for your patience.
yes that is what I’m using, I have been contacting them to fix it, they said since it is a third party plugin they don’t have right to do anything.
Hello @dimandrew,
I have checked this issue. Actually it’s only appearing when I am using this theme. Please allow us a little time. We are working on it. Hopefully it will be fixed soon. I will share an update with you.
Thank you
Hello @dimandrew,
I hope you are doing well.
Actually, this issue occurred because of Slick Slider’s initialization process. And this is the default behaviour. But you can fix this by setting the width to all single items to ensure the design is not broken during the initialization time. Here is the Custom CSS given below –
.eael-post-carousel-wrap:not(.swiper-container-initialized) .swiper-slide {
width: 20%;
}
Note: We have used 20% width so that the total 5 items will appear during the initialization. But you can set 25% for 4 items or set the width as your wish.
Please do check this doc to learn more about Custom CSS – https://essential-addons.com/elementor/docs/faq/apply-custom-css-elements/
Let me know how it goes. Thank you
it is working fine on desktop, but not cool on mobile
https://ibb.co/tbQ8GV1
if I set it by 50% it will display the 2 post carousel, but the desktop will be expanded.
I don’t know if there is a code specific for the desktop and mobile
Hello @dimandrew,
You can use this Custom CSS for mobile and tablet views. I hope this issue will be solved –
@media only screen and (max-width: 391px) {
.eael-post-carousel-wrap:not(.swiper-container-initialized) .swiper-slide {
width: 50%;
}
}
@media only screen and (max-width: 810px) {
.eael-post-carousel-wrap:not(.swiper-container-initialized) .swiper-slide {
width: 33.3%;
}
}
Please let me know how it goes. Thank you!
It doesn’t reflect on the both differently.
https://ibb.co/pZp0MRL
It works on mobile but not on desktop, just tired.
