Okay
  Public Ticket #2278827
hamburger icon change
Closed

Comments

  • woojae started the conversation

    Hi there, 

    Could you please let me know how to change the icon of hamburger menu? Thank you. 


    W

  •  675
    Neuron replied

    Hi,

    1) Unfortunately by default that is not possible, but via some Custom JS you'll be able to achieve it. The best way is to edit the actual hamburger icon

    https://wordpress.org/plugins/insert-headers-and-footers/

    So, first please edit the hamburger and add a custom class, so it won't affect all the hamburgers, if you want to change all hamburgers, skip this part and use the default class of hamburger, which is: 

    .elementor-widget-neuron-hamburger .a-hamburger

    https://prnt.sc/qn1q0i

    So, in your Settings > Insert Headers and Footers add the following script.

    <script>
        jQuery( document ).ready(function($) {        
            $('.custom-hamburger .a-hamburger').html('<i class="fab fa-facebook"></i>')
        });
    </script>

    See in html('HERE COMES YOUR ICON').

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • woojae replied

    ignore this

  • woojae replied

    ignore this

  • woojae replied

    okay, I am getting really close. So i set up pretty much everything as i want except for a very strange situation here. the custom hamburger icon works well on "portfolio" but not in "page". On pages, it is just a blank rectangle. any thoughts? 

    http://www.sapnda.com/design-autonomy/  - missing icon

    http://www.sapnda.com/portfolio/da-test-item-02/  - this is what it should be

  • woojae replied

    Hi Neuron, 

    I am just following up on my previous question. Did you by any chance look at my post below? Please let me know how to fix this. Thank you. 

    W

  •  675
    Neuron replied

    Hi Woojae,

    In that page that is displaying correctly you're using icons somewhere so font awesome 5 loads properly and in the other one is not loading, you need to migrate from font awesome 4 to 5 to make it work properly.

    Check the video for more information:

    - https://www.youtube.com/watch?v=kKK3n3D7AM4

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • woojae replied

    Hi Neuron, 

    Thanks for the reply. I tried what the link suggested already, and I can confirm that I am using the latest version. What is funny though is those two pages are using the exact same header template (based on "overlay menu classic (wide)), and on Portfolio pages it is fine, but on Pages the icon link is broken. If you look at the attached image, on Portfolio, I can see the code that I put in the header (marked yellow), but I cannot see on Page, so I am guessing it has something to do with the way how Pages are written, or maybe the code is somehow overridden or ignored.. Any thought? 


    Best, 

    W

  •  675
    Neuron replied

    That's strange, can you please provide me with your wp-admin, I will have a quick look and see how that can get fixed, I will let you know the way how I managed to fix it.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •   woojae replied privately
  • woojae replied

    Hi Neuron,

    Just following up on the previous message. Did you have a chance to look at the issue? Let me know if you need any other info from me to resolve the issue. 

    Best,

    W

  •  675
    Neuron replied

    Hi Woojae,

    I am very sorry for the late reply, we were not working on the weekend.

    As I've thought, in the portfolio item you're using an icon so the font awesome library loads properly and in the page you're not using any icon so it doesn't loads alright.

    So, what I've did. I've added an icon to the header overlay and make it hidden, so it loads the font awesome library properly.

    Feel free to ask for anything you need.

    Kind Regarsd


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • woojae replied

    Oh, I see what you did, and I was able to do the same thing for the rest of header. Thank you so much! 

    Best Regards, 

    W

  •  675
    Neuron replied

    You are welcome anytime, feel free to ask for anything you needsmile.png

    If you like our theme, please leave us a rate with 5 stars at ThemeForest, that would help us a lot.

    Kind Regards,
    NeuronThemes


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.