How can I make my Prestige Theme footer menu collapsible on mobile?

waleed-kbt · ‎07-04-2022

Hello,

Im trying to making my footer menu into 2 rows or collapsable, please advise.

Its taking too much space scrolling downwards.

Site in question is vivorosa.com

I only wish to do this on the mobile version, the web version is fine.

Thank you

KetanKumar · ‎07-04-2022

@waleed-kbt

yes its possible to customization code but If you're comfortable working with coding languages (eg. HTML, JavaScript, CSS, and Liquid), then you can try to follow the custom coding provided by or Send DM Details
Mobile Accordion

If helpful then please Like and Accept Solution. Partnership of your ☕️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

Denishamakwana · ‎07-05-2022

Please add below css code in bottom of assets/theme.css file

@media screen and (max-width: 1023px)
.Footer__Block.Footer__Block--links {
width: 50%;
float: left;
margin-bottom: 30px;
margin-top: 20px;
}
@media screen and (max-width: 1023px)
.Footer__Block.Footer__Block--newsletter {
width: 100% !important;
flex: 1 1 100%;
}

Thank you.

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme

waleed-kbt · ‎07-05-2022

Hello, thank you, i have applied the code but no change has occurred.

Zoubidou75 · ‎04-07-2024

UP ! Anyone found a solution please ?

How can I make my Prestige Theme footer menu collapsible on mobile?

How can I make my Prestige Theme footer menu collapsible on mobile?

Community Blog Articles