Return to previous page

Mobile view product carousel two column 80% 20%

This topic has 3 replies, 3 voices, and was last updated 9 months, 3 weeks ago ago by Andrew Mitchell

JustBrian

Participant

January 31, 2024 at 14:52

Can i Achieve Mobile view product carousel two column 80% for one product 20% for the other?

Please, contact administrator
for this information.

#381948 Copied Theme version: .9.2.6 WooCommerce version: 8.5.1

2 Answers
Luca Rossi

Support staff

January 31, 2024 at 16:03
Hi @JustBrian,

Can i Achieve Mobile view product carousel two column 80% for one product 20% for the other?

To achieve this, please remove your custom CSS codes and add this CSS:
```
@media (max-width: 480px){
    .swiper-slide.slide-item.product-slide.-slide.swiper-slide-visible.swiper-slide-active {
        max-width: 80%;
        height: 100%;
    }
    .swiper-slide.slide-item.product-slide.-slide.swiper-slide-visible.swiper-slide-active img {
        width: 100%
    }
    .swiper-slide .content-product .product-content-image {
        text-align: left;
    }
    .swiper-slide:not(.swiper-slide-active) .content-product .product-content-image img {
        max-width: 80%;
    }
}
```
Can i also get the same hover effect on product page for the product card as in the shop page?

It need be done by the additional customization and it’s outside the scope of our basic support.

However, if you wish our developers team can personally assist you via our customization service (paid).
To get started, please follow this link to send us your requirements – https://www.8theme.com/account/#etheme_customization_panel , and we will prepare a detailed estimate for the customization work. Our goal is to create a design that aligns with your vision and enhances your website’s appearance and functionality.
Customize your website to suit your needs and make it stand out with our expert dev team.

If you have any other questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Best regards,
The 8Theme Team
#381971 Copied
Andrew Mitchell

Support staff

February 1, 2024 at 09:27

Dear JustBrian,

We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.

Click here to rate now: https://themeforest.net/downloads

Thank you sincerely for your ongoing support!

Best Regards,
The 8Theme Team

#382045 Copied
Tagged: 80% 20% layout, mobile product carousel, mobile view woocommerce, product display carousel, responsive woocommerce themes, two column woocommerce, wordpress ecommerce themes
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Mobile view product carousel two column 80% 20%’' has been successfully resolved, and the topic is now closed for further responses

Mobile view product carousel two column 80% 20%

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection