How to Create Accordion Menu Footer For Mobile Only

Hello all,

Wondering if somebody can help me with this.

I'm looking to create a footer where a list of URLs collapse into an accordion on mobile only. I would like this to work in the same way as how the footer works on squarespace.com.

I've found this approach on stack overflow, which appears like it should work, but i'm unsure of how to integrate the jquery portion of the code. I presume it needs to be tweaked in order to work within the header/footer within code injection, but I can't seem to get it working. 

Also, very happy to look at a different approach if there's something that might be more suitable to a squarespace site. 

Any advise would really be appreciated.

Thanks,
Neal

Ah yes, that's a good idea @tuanphan

Thank you very much for the advice. Have a good week. 

Hi, I used your solution for my website and it worked. But then how do you hide the normal footer on mobile ? Because now on the mobile I have both the desktop footer and the accordion...

Thank you !

On 2/17/2023 at 5:52 AM, Margauxmnr said:

Hi, I used your solution for my website and it worked. But then how do you hide the normal footer on mobile ? Because now on the mobile I have both the desktop footer and the accordion...

Thank you !

Hi,

What is site url? We can check easier