Customise archive block (drop down) behaviour?

Hi there,

I'm wondering if anyone knows of a way to animate or change the behaviour of an archive block so that when clicking the drop down, instead of the list items instantly appearing, the list drops down smoothly? Or just any way for it to look less harsh.

Thank you! 

Can you share link to page where you use archive block? We can check easier

Hi @tuanphan, here is the site:

URL: https://marlow-concept-pottinger.squarespace.com/

PW: pottinger22

Thank you!

14 hours ago, SaniceMarlow said:

Hi @tuanphan, here is the site:

URL: https://marlow-concept-pottinger.squarespace.com/

PW: pottinger22

Thank you!

incorrect password

On 9/20/2022 at 11:57 PM, tuanphan said:

incorrect password

Sorry, this is the correct PW: Pottinger22

Hi @tuanphan, is there any chance you have the answer for this? Thank you!!

On 9/20/2022 at 11:57 PM, tuanphan said:

incorrect password

Hi @tuanphan - posted the correct password above. Thank you!

Thank you.

I will check & let you know

On 10/4/2022 at 6:53 AM, SaniceMarlow said:

Hi @tuanphan - posted the correct password above. Thank you!

Try adding this to Design > Custom CSS

details
{
    transition: height 1s ease;
    overflow: hidden;
}

details:not([open])
{
    height: 3em;
}

details[open]
{
    height: 11em
}