Drop Down/Nestled Footer

Store Design
1

Hi,

I’m trying to create a drop down/nextled footer on my store running prestige theme 10.8.

Store:is-salon-yaletown.myshopify.com

2

Hey @isSalon,
In order to create the collapsible rows [dropdown] for your footer requires to do the custom code in your theme file. Could you please share the 4 digits collab code in the p/m so that I can implement the same feature.
Waiting to hear back from you.
Thanks

3

Thank you — sent pm.

4

I accepted the request

5

Hi @isSalon ,
Make a collapsible footer in Prestige
Go to: Online Store → Themes → Edit code → Sections → footer.liquid
Wrap your footer blocks in a collapsible element

<div class="footer-menu">
  <button class="footer-toggle">
    {{ block.settings.heading }}
  </button>
  <div class="footer-content">
    <!-- Your links here -->
  </div>
</div>

Add CSS to hide/show
Add to Assets → theme.css:

.footer-content {
  display: none;
}
.footer-menu.active .footer-content {
  display: block;
}
.footer-toggle {
  cursor: pointer;
}

Add JS to toggle
Add before in theme.liquid:

<script>
  document.querySelectorAll('.footer-toggle').forEach(button => {
    button.addEventListener('click', () => {
      button.parentElement.classList.toggle('active');
    });
  });
</script>