@media (max-width: 749px) { .grid .footer-block.grid__item { margin: 0; } .grid .footer-block__heading { position: relative; margin: 0; padding: 1.5rem 0; cursor: pointer; } .grid .footer-block__heading::after { content: "+"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width…

@media (max-width: 749px) { .footer__blocks-wrapper.grid.grid--1-col { margin-bottom: 0 !important; } .footer__content-top { padding-bottom: 0 !important; } }

@PoW8 there will be some margin on the bottom that needs to be remove, if you provide the url i can share the code with you to remove the space. thanks

Sorry, printsofwhatever.com password: teunto

Result [2024-04-08 20_11_20-Prints of Whatever — Mozilla Firefox.png]

no problem :slightly_smiling_face:

If it’s not too much trouble, do you know what I’d have to add to make the opening of the accordion smoother? Instead of being so abrupt.

@PoW8 you can write some css transition code for your accordion once the object is expand or collapse. Hopefully you have idea of adding css or transition in CSS.

Accordion footer spacing

Store Design

PoW8 April 8, 2024, 3:19pm 6

Thanks again, works perfectly.

1 Like

Topic		Replies	Views
Footer menu items: 2 rows Store Design menu , footer , css	0	14	April 11, 2024
I want to change design like in the mobile version Store Design footer	1	37	November 24, 2022
Separate accordion buttons Store Design menu , design , footer , css	0	18	April 29, 2024
Refresh Theme: how to change the footer menu to accordion style Store Design footer	3	34	March 14, 2024
How to make footer menues collapsible on mobile devices? Technical Q&A customizations	8	106	September 5, 2025

Accordion footer spacing

Related topics