Skip Navigation

[Resolved] hamburger menu close

This thread is resolved. Here is a description of the problem and solution.

Problem:

The issue here is that the customer wanted to have his hamburger menu change to an X when it is open to show that you can click it to close it.

Solution:
Since we are using the bootstrap hamburger menu then this should work fine if you try implementing the items in the link below.
https://codepen.io/impondesk/pen/EaKoXY

Next you will need to replace all your $ in the code to jQuery.

This support ticket is created 7 years, 5 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 14:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Jamaica (GMT-05:00)

This topic contains 4 replies, has 2 voices.

Last updated by Junichiro Taira 7 years, 5 months ago.

Assisted by: Shane.

Author
Posts
#517483

About responsive menu (hamburger menu),
I want to change it "X" (close icon) when I clink hamburger menu.
It would be much easier for people to close menu.

Could you tell me how can I do it ?

#517571

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hello Junichiro,

Thank you for contacting our support forum.

Since we are using the bootstrap hamburger menu then this should work fine if you try implementing the items in the link below.
hidden link

Please let me know if this helps.
Thanks,
Shane

#517665

Thank you.
I pated JS file into "Layouts CSS and JS Editor" and CSS as well.

And tried it. But there is error message.
"$ is not a function. (In '$(document)', '$' is undefined)"

I'm really sorry. I'm pretty new. So could you tell me more.

#517895

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Junichiro,

Replace all the "$" with "jQuery".

Please let me know if this helps.

Thanks,
Shane

#517907

Thank you very much ! Shane ! You're great !!!

This ticket is now closed. If you're a Toolset client and need related help, please open a new support ticket.