Display an open accordion by default in the desktop version but closed on mobile

How to display an open accordion by default in the desktop version but closed on mobile?

Open all accordion items or specific? And can you share link to page where you use accordion?

I also want to know how to do the same thing, can you provide the code? My page is here:

https://gopher-tomato-twpa.squarespace.com/services

Password: hello

Thanks

On 8/1/2023 at 8:56 PM, Tara_099 said:

I also want to know how to do the same thing, can you provide the code? My page is here:

https://gopher-tomato-twpa.squarespace.com/services

Password: hello

Thanks

First, remove this code

.sqs-block-accordion .accordion-item__dropdown--open {
    display: block;
}

Next, add this new code

@media screen and (min-width:992px) {
.sqs-block-accordion .accordion-item__dropdown--open {
    display: block;
}
}