Footer Menu Accordion Issue- Prestige Theme

[dreamtechzone_5]

Hello Everyone!

I am using the Shopify Prestige theme. When I click on arrow the submenus don’t show but when I click on menu the submenus show. There is a lot of space under the menu, can the space be reduced? Please help me. Thanks in advance.

Store Url: https://dream-tech-zone.myshopify.com/

Password: Admin

[Huptech-Web]

Hi @dreamtechzone_5
Update the js with the below js, Currently, you are using the js that triggers the title not the arrow

var mob_tab = document.querySelectorAll(".Footer__Block.Footer__Block--links .mob_tab")
mob_tab.forEach(function(tab_click) {
    tab_click.addEventListener("click", (e) => {
        tab_click.closest(".mob_tab").classList.toggle("show");
    });
})

[Dan-From-Ryviu]

Go Online Store > Themes > Edit code > open theme.liquid file, add this code below after tag

[dreamtechzone_5]

Wow Great. It worked. I appreciate it.

Follow Us menu can be kept as a dropdown and can arrow icons be reduced in size?

[Dan-From-Ryviu]

You can customize code of your theme to do that

[dreamtechzone_5]

Ok. I have tried. But I can’t fix it. How can I fix it?

[Dan-From-Ryviu]

You must customize HTML of Follow us the same as other

[dreamtechzone_5]

When I remove Follow Us, there is a lot of space under Quick Shop.

[Dan-From-Ryviu]

Please update CSS code.

[dreamtechzone_5]

I would like to keep the newsletter form in mobile mode as in desktop mode.
In mobile mode want to reduce the space in the marked area below.

[Zoubidou75]

Hello Dreamtechzone,

Hope you’re well, may you share your code to have the same kind of footer for mobile, like a drop drown like this please. I aslo have prestige one but didnt suceed to drop down it..

Thanks a lot !!

Best