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 weeks, 5 days 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.
    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!

    Avatar: Ilya
    Ilya
    Participant
    June 27, 2024 at 13:00

    on desktop its ok now but on mobile still same

    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!

    Avatar: Ilya
    Ilya
    Participant
    June 28, 2024 at 15:39

    it worked ! thanks

    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

  • 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

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