How can I modify the footer menu on my mobile site to stay collapsed?

[Prarthana11]

hi

my Shopify url is- https://habahub.com/

password - rentai

on the mobile version, when I see the footer it says "menu" and when I click on it the menu expands. I don't want that.

I want the menu to be collapsed before and the word "menu" to be removed. 

pls help

[Sandeep81]

Hi Prarthana,
please go to your footer. Liquid section and
search >> footer-block__mobile >>  footer-block__heading 
 and add there "is-clicked"

it will look like after add class
<h2 class="footer-block__heading is-clicked" data-toggle-column-footer="">menu</h2>

and 
Paste this css in your  footer.liquid section

<style>
h2.footer-block__heading.is-clicked {
opacity: 0;
margin-bottom: -45px;
}

Thanks
Sandeep

</style>

[Prarthana11]

no 😞

it didn't help. 

I'm talking about the footer in mobile version. when you open the mobile version, it says newsletter and under that "quick links" 

when I click on "quick links" only then the footer menu expands. 

I don't want it to be like that. 

what I want it that the footer menu should be displayed without clicking on "quick links"

[Sandeep81]

Hi,
My previous message is all about the same thing which you are talking about.
Have you added "is-clicked" class in footer. Liquid section, where I suggested?
If yes and then also it is not working then i have to check your code file.
After chechking i can give you a solution.

Thank You
Sandeep

[Prarthana11]

I did. but its changing my desktop layout as well

[Prarthana11]

see. on desktop now, its showing the heading "quick links" when I remove that, the menu completely disappears from mobile.

[Sandeep81]

Hi,
Only for mobile use media query in css.
I need to check your code so I can give you the solution.
Here in inspect mode, I am only able to make minor changes.
See my bio below "Here I am".

Thanks
Sandeep