Return to previous page

Caroussell not showing correctly on mobile devices

This topic has 6 replies, 4 voices, and was last updated 1 years, 9 months ago ago by Andrew Mitchell

Inesita

Participant

March 2, 2023 at 19:46

Hi,
the pictures caroussel that I have included on my page: https://we-creations.com/bosses/ appears correctly on the desktop, but on mobile devices it starts correctly and then just stops showing images. I checked the settings and can’t find what is wrong. Please help.
Thanks,
Inés

#348651 Copied Theme version: 9.0.3 WooCommerce version: 7.4.0

5 Answers

Tony Rodriguez

Support staff

March 3, 2023 at 06:25

Hello @Inesita,

We have identified an issue with the slider when it completes the sliding transition. We suggest that you set two columns on mobile and check back again. We have already set this up on your site, so please try to check back after clearing your browser cache. Please refer to the screenshot provided at the link below:

https://postimg.cc/nCh2DkgW

We appreciate your patience and understanding.

Best Regards,
8Theme’s Team

#348675 Copied

Inesita

Participant

March 3, 2023 at 10:39

Hi Tony, thanks for the update. With this option at least it does not appear empty. But is there a way to keep it scrolling? It stops after the 4th picture and does not move any more.
Thanks,
Inés

#348700 Copied

Rose Tyler

Support staff

March 3, 2023 at 13:40

Hello, Inesita,

You are talking about Image carousel element, which is a default element of the Elementor plugin. As such, we are not responsible for its functionality. You can find documentation regarding this element at https://elementor.com/help/image-carousel-widget/ and contact the Elementor support team for assistance.
We would recommend that you use our Media Carousel element, and we will be happy to provide guidance if needed.

Kind Regards,
8theme team

#348721 Copied

Inesita

Participant

March 6, 2023 at 16:35

Thanks Rose!
Just did it with the image carousel widget and it works perfectly!
Is there the possibility to add a color to the border of the images?
Is there the possibility to add a link if you click on the images to go to the shop?
Thanks,
Inés

#349080 Copied
Andrew Mitchell

Support staff

March 6, 2023 at 18:55
Hello,

#1 You can add a border to the by simply adding custom CSS
```
img.attachment-full.size-full.swiper-slide-image {
    border: 1px solid #000;
}
```
To the Advanced -> XStore Custom CSS section, as shown in the screenshot:
https://prnt.sc/LuXko2PRuvkJ.
After that, you will get the following result:
https://prnt.sc/N8Yj6tlMyuTo.

#2 Unfortunately, this can only be done with additional customization.

Best regards,
8Theme’s Team
#349094 Copied
Tagged: caroussel, correctly showing, mobile devices, themes, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Caroussell not showing correctly on mobile devices’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Problems loading an item from the x store library

1 years, 9 months ago
Mobile bottom menu translation, Bugs on the blog page

1 years, 9 months ago
Issues in filter after selecting it twice

2 years, 2 months ago
Custom tab in products

3 years, 8 months ago
Problem with shop Layout

3 years, 9 months ago
images size

3 years, 10 months ago
Xstore menu

3 years, 11 months ago
Latest update completely failed

4 years ago
Fonts Awesome Slow Site

4 years, 1 months ago
change fontsize blog and sidebar

4 years, 2 months ago

Caroussell not showing correctly on mobile devices

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection