Return to previous page

Tabs are cutting off last image on PC and on mobile there is white space at the end

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

Ilya

Participant

June 25, 2024 at 13:47

Hello, please check tabs on my main page, as you can see, on desktop the problem is that the last image is cut off and on mobile there is useless whitespace at the end

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#401529 Copied Theme version: 9.3.10

5 Answers
Luca Rossi

Support staff

June 25, 2024 at 16:49
Hi @Ilya,

Please find this custom CSS:
```
@media screen and (min-width: 768px) {
    .products-slider .swiper-slide {
        width: calc(25% + 10px) !important;
    }
}
```
And change to this:
```
@media screen and (min-width: 768px) {
    .products-slider .swiper-slide {
        width: 25% !important;
    }
}
```
After that add this custom CSS for mobile:
```
@media screen and (max-width: 600px) {
    .vc_tta-panel-body > .swiper-entry > #swiper-unique-id-2 > div > .swiper-slide {
        width: calc(50% + 2px) !important;
    }
}
```
Hope it helps!
#401578 Copied
Ilya

Participant

June 27, 2024 at 13:00

on desktop its ok now but on mobile still same

#402058 Copied
Luca Rossi

Support staff

June 28, 2024 at 06:54
Hi @Ilya,

Can you please remove this custom CSS codes?
```
@media screen and (max-width: 600px) {
    .vc_tta-panel-body > .swiper-entry > #swiper-unique-id-2 > div > .swiper-slide {
        width: calc(50% + 2px) !important;
    }
}
```
After that add this custom CSS:
```
@media (max-width: 600px) {
    body.home .swiper-container:not(.initialized) .swiper-slide{
        width: calc(50% + 0px) !important;
        padding: 0 !important;
    }
}
```
Let us know how it goes!
#402149 Copied
Ilya

Participant

June 28, 2024 at 15:39

it worked ! thanks

#402255 Copied

Andrew Mitchell

Support staff

June 28, 2024 at 15:39

Dear Ilya,

In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

Click here to share your thoughts: https://themeforest.net/downloads

Being part of our community means a lot, and your feedback contributes immensely.

Best Regards,
The 8Theme Team

#402256 Copied
Tagged: image cut off issue, mobile white space problem, tabs cutting off image, woocommerce pc image problem, woocommerce template fixes, wordpress mobile issues, wordpress woocommerce templates
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Tabs are cutting off last image on PC and on mobile there is white space at the end’' has been successfully resolved, and the topic is now closed for further responses

Tabs are cutting off last image on PC and on mobile there is white space at the end

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection