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

waleed-kbt
Excursionist
28 0 7

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

 

IMG_4739.jpg

Replies 4 (4)

KetanKumar
Shopify Partner
36855 3637 11980

@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.
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
Shopify Partner
1408 173 231

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
Excursionist
28 0 7

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

Zoubidou75
Excursionist
54 0 5

UP ! Anyone found a solution please ?