Changing "fa fa-bars" for image in mobile menu

Hi,
I would like to change the "Font Awesome Icons" "fa-bars" icon that appears in the mobile menu. I would like to use an image instead.
Thanks
The website is http://www.talleresvictor.com/

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

#gkMobileMenu i.fa-bars::before {
    content: "";
}

#gkMobileMenu i.fa-bars {
    background: rgba(0, 0, 0, 0) url("URL_TO_YOUR_IMAGE_GOES_HERE") repeat scroll 0 0 / 100% auto;
}


Great job. It works fine.

What is the difference between inserting this code into override.css and enabled override in template settings and to insert this code in "Custom CSS code" in template advanced settings?

Thank you

Hi

Both options are adding styles. Custom CSS field is kept in database, so updating files will not affect it, it's also used in HTML code directly so this ensure a higher priority for any code put there.

Thank you very much !!!

Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro

Done !!! Thanks

Hi

Thank You. In this case there is nothing else I can add in this topic. Closing this thread now