There is a transition effect seen in the tab section while opening the site.

This topic has 6 replies, 2 voices, and was last updated 10 months, 3 weeks ago ago by Rose Tyler

  • Avatar: Catholicans
    Catholicans
    Participant
    May 8, 2023 at 12:37

    There is a transition effect seen in the tab section while opening the site. Can I disable that effect?
    Screenshot: https://snipboard.io/Ca8JHv.jpg

    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 8, 2023 at 14:07

    Hello, Catholicans,

    Thank you for getting in touch with us.

    Could you provide a video, where the mentioned effect is visible? Sorry, but your request is a bit unclear to us right now.

    Kind Regards,
    8theme team

    Avatar: Catholicans
    Catholicans
    Participant
    May 9, 2023 at 04:56

    Screen recoding: https://screenapp.io/#/shared/b85e3d5b-9e33-4398-b4ea-84287969d5ae

    Please check the above video for further clarity. There is a transition/animation occurred, when open the tabs.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 9, 2023 at 08:23

    Hello, Catholicans,

    Thank you for your response.

    It can be due to:
    1/ autoplay
    2/ loop
    3/ custom CSS added before for sliders
    We kindly ask you to try to identify what is causing your issue.

    Are you experiencing this problem on any of our demos?

    Kind Regards,
    8theme team

    Avatar: Catholicans
    Catholicans
    Participant
    May 9, 2023 at 08:32

    Although I have disabled the autoplay and loop options for the product sliders in the tab section, there seems to be an issue persisting. I suspect that this issue may be caused by the CSS code used for the sliders. Can you help me identify the issue and provide a solution to resolve it?

    In demo there is no such issue.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 9, 2023 at 09:14

    Hello, Catholicans,

    Thank you for your response.

    It seems the main reason is in next custom:

    .products-loop .product, .products-slider.second-initialized .product-slide {
        transition: all .2s ease-in-out;
    }

    We recommend you remove it fully and check it then. In case the issue will be fixed you can try to leave only next code and check again.

    .products-loop .product {
        transition: all .2s ease-in-out;
    }

    = removed the transition property for products shown in sliders.

    Kind Regards,
    8theme team

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

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