footer menu when clicked then menu opens

Prarthana11
Tourist
10 0 2

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

Replies 6 (6)

Sandeep81
Shopify Partner
108 16 18

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>

Hey if it works, please give a Like or mark it as a solution.
Please Let me Know if not solved.
Here I am: sandeepkhandagade@gmail.com
Thanks & Regards
Sandeep
Prarthana11
Tourist
10 0 2

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
Shopify Partner
108 16 18

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

Hey if it works, please give a Like or mark it as a solution.
Please Let me Know if not solved.
Here I am: sandeepkhandagade@gmail.com
Thanks & Regards
Sandeep
Prarthana11
Tourist
10 0 2

I did. but its changing my desktop layout as well

Prarthana11
Tourist
10 0 2

Screenshot 2023-05-04 at 5.29.42 PM.png

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

Sandeep81
Shopify Partner
108 16 18

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

Hey if it works, please give a Like or mark it as a solution.
Please Let me Know if not solved.
Here I am: sandeepkhandagade@gmail.com
Thanks & Regards
Sandeep