Remove the fade effect on fold/unfold element

Hey Konrad,

Thank you for the inquiry.

Please add this css code to disable the fold/unfold fade transition:

.avia-fold-unfold-section .av-fold-unfold-container,
.avia-fold-unfold-section .av-fold-unfold-container::after {
  transition: none !important;
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings afterward.

Best regards,
Ismael

Hi,

Thank for the update.

This is working correctly on our end. Have you tried purging the cache or checking the site using a different browser or device?

Best regards,
Ismael

Hi,

We tried creating a new page to test the issue, but we can’t switch to the Advanced Layout Builder (ALB) because the button is missing. How do you switch to the ALB, and when did this issue occur? Where did you add the element with the fold/unfold option? We can’t find any in the for-startups page.

Best regards,
Ismael

Hi,

Thank you for the info.

The fade animation is no longer visible when we checked the elements. Please test this in incognito mode or provide a short clip showing how it appears on your end.

Best regards,
Ismael

Hi,

I thought you’re referring to the transition effect. To remove the background gradient, please add this css code:

.avia-fold-unfold-section .av-fold-unfold-container::after {
    background: transparent;
    transition: none;
}

Best regards,
Ismael

Hi,

No problem! Glad to know that it’s now displaying as expected. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael