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 4 months, 3 weeks ago ago by Andrew Mitchell

  • Avatar: Ilya
    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
    Avatar: Justin
    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
    Avatar: Ilya
    Ilya
    Participant
    June 27, 2024 at 13:00

    on desktop its ok now but on mobile still same

    #402058 Copied
    Avatar: Justin
    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
    Avatar: Ilya
    Ilya
    Participant
    June 28, 2024 at 15:39

    it worked ! thanks

    #402255 Copied
    Avatar: Andrew Mitchell
    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: , , , , , ,

  • 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

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Sport Store – WordPress WooCommerce Theme
lazy-placeholder
Beaty & Cosmetics – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Luxury Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Shoes Store – WooCommerce Theme
lazy-placeholder
Animals Store – WordPress WooCommerce Theme
lazy-placeholder
Hemp & CDB – WordPress WooCommerce Theme
lazy-placeholder
Poster – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.