-
AuthorPosts
-
May 3, 2017 at 8:17 am #786962
Hi,
Is it possible to change the mobile-menu icon, when the “Display of menu items” is set to “Display as icon” – and if so, how?May 3, 2017 at 8:35 am #786967Hey emilgandersson,
Can you give us more details about what you would like to do? What kind of change would you like?
Maybe the solutions in this thread will be helpful to you: https://kriesi.at/support/topic/changing-mobile-menu-icons-using-entypo-fontello/
Or perhaps this one: https://kriesi.at/support/topic/possible-to-change-the-mobile-menu-icon/If not, please let us know how we can help.
Best regards,
SarahMay 3, 2017 at 12:22 pm #787055I want to change the menu-icon to a custom icon.
I’m using the settings like on this demo:May 3, 2017 at 12:45 pm #787087Hi,
Please follow the instructions Sarah gave, the first link replaces the menu icon with a fontello font icon, while the second one allows you to replace it with an image. :)
Best regards,
NikkoMay 5, 2017 at 9:23 am #788266Hi,
None of the above solutions works.
I simply want to change the burger-menu-icon to a custom icon.
It must be possible?May 5, 2017 at 12:18 pm #788345Hi,
What icon would you like to use? May we also have the URL of the website you’re working on, please?
Best regards,
SarahMay 5, 2017 at 12:45 pm #788354Hi,
A custom icon uploaded through the iconfont manager..May 5, 2017 at 5:27 pm #788540Hi emilgandersson,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look.
Best regards,
VictoriaMay 5, 2017 at 5:39 pm #788553the thing with that “icon” is that it is not a static one. there are a lot of svg animated pendents to that what kriesi has choosen – f.e.
https://codepen.io/kyleHenwood/pen/Alaybthis here seems to be a combination of having strokes and setting some additional classes on click event.
see here some examples: https://jonsuh.com/hamburgers/
on avia.js since line 1760 you find those settings
PPS: on that link above to https://jonsuh.com/hamburgers/ you can see a very similar structure of hamburger styling
<div class="hamburger hamburger--spin js-hamburger"> <div class="hamburger-box"> <div class="hamburger-inner"></div> </div> </div>
on enfold the structure is:
<span class="av-hamburger av-hamburger--spin av-js-hamburger av-inserted-main-menu"> <span class="av-hamburger-box"> <span class="av-hamburger-inner"></span> <strong>Menu</strong> </span> </span>
only a av- is before classes so maybe a css transfer brings different possibilities.
so maybe it is easy to replace here with some transfer- This reply was modified 7 years, 6 months ago by Guenni007.
May 5, 2017 at 6:52 pm #788609May 6, 2017 at 6:22 am #788724 -
AuthorPosts
- You must be logged in to reply to this topic.