Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 21, 2016 at 6:18 am #636135
    sensdynamics

    Hi there,
    I’m new to using Enfold but it has been very easy to use.
    I need to replace the mobile menu hamburger icon with a custom png. Can you guide me on how to achieve that?

    May 21, 2016 at 7:16 am #636146
    Vinay

    Hey sensdynamics,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    replace icon.png with the url to the icon :)

    #advanced_menu_toggle[data-av_icon]:before {
    content: url(https://icon.png)!important;
}

    Best regards,
    Vinay

    May 21, 2016 at 9:27 am #636171
    sensdynamics

    Hey Vinay,

    I followed your code. But it just shows an empty box now inside the border. I am trying to use the image which I have shared in the private content.

    Also please tell me how to disable the border shown.

    I want to get the same effect as http://www.yogaia.com

    May 21, 2016 at 10:46 am #636179
    sensdynamics

    Hey Vinay,

    It seems your code was actually working. But the scale is wrong so it was going off screen. How do I resize the image to be right for the hamburger menu? Also what will be the optimal size for this?

    Also how do I remove the black box that comes around the png?

    Thanks in advance.

    May 21, 2016 at 1:12 pm #636190
    Vinay

    Hi,

    Remove the previous code and try this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #advanced_menu_toggle[data-av_icon]:before {
    content: " "!important;    
}

#advanced_menu_toggle {
	border: none!important;
}

    Please try adding this at the very end of your themes / child themes functions.php file:

    function custom_menuicon(){
?>
<script>
jQuery(window).load(function(){	
	jQuery("#advanced_menu_toggle").html('<img src="http://res.koach.tv/2016/05/Hamburger_Icon_Menu2.png">');
});
</script>
<?php
}
add_action('wp_footer', 'custom_menuicon');

    Best regards,
    Vinay

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.