I am building a website in Joomla (not a hardcore developer myself) and I am trying to find a good solution for an issue. I am using a mobile/hamburger menu own all devices. When the menu folds out, I would like that the 3 lines change into a closing cross. I have found some JS code that can do that but I have no idea on how to implement that code. Doesn't have to be this code, all options to change the lines into the cross are welcome.
I am using Joomla 3 with a template based on bootstrap.
JS code I found:
Hope you guys can help!