I'm new to the drupal community, so I'm sorry if I make any mistakes in posting this question. I want to change the menu-item icons for the Mobile sliding menu module. I realize that my question is similar to this one, but I believe I'm having a slightly different issue. The original post was having issues with having any icons showing up.. my icons showed up right away, but it's the same icomoon icon over and over again (icon-list2). The icons are defined in the css, but I can't figure out how to actually apply the class itself to the mmenu module.
I have set up the icomoon library and changed the CSS file according to the documentation. I have not changed the original mmenu module, I have only changed aesthetics.
Each menu link has a inside. If I change this class through the inspector, the icon changes as expected (for example, .icon-office), however, I can't seem to find an easy way to change it through drupal (see image below).
I can change the class name using the inspector tool in order to change the the icon. My question is how to change the different in the code or module (see below)
The only part of the mmenu module that I can find that refers to the "icon-list2" class is in the mmenu.module file in drupal>sites>all>modules>mmenu (see image below)
I'm not sure if there is something I need to modify in the mmenu.module, but I have a hard time seeing what I should change and I've always thought that it is bad practice to hack the main module.
Thank you so much in advanced.