Theme: Catch Everest Pro
URL: Currently Working Local
I really like this theme. It has a great design and a bunch of nice features.
I am trying to find a way to indent the sub menu items in the mini/mobile nav using css styles. Currently, I haven't been able to do this with css.
I have been able to change them by playing with the code in js/catcheverest-menu.min.js
In js/catcheverest-menu.min.js I changed this code:
.parents("ul, ol").length-1;t++){l+="- "}
Here is a screen shot of what the mini menu looks like before the code change:
to this:
.parents("ul, ol").length-1;t++){l+=" - "}
Here is a screen shot of what the menu looks like with the code changed:
When I do this it creates the change I am looking for but I don't know if this method is the correct way to do this. My guess is that it is not. I would like to do this same thing in the custom css theme options in the admin back-end. Is this possible, if so what code would I use?
Thanks for your help in advance.