Hi Ismael,

I tried inserting the code and it works fine. It did, however, trig some issues.

1. 1. The box in the top with the language change is visible when opening the menu
2. 2. On desktop a hover function makes the menus open when hovering over them. This is not supposed to happen
3. 3. The code below, making sure that an active menu is underlined, stopped working. You can find the source of the code here: https://kriesi.at/support/topic/highlight-current-parent-menu-in-mobile-menu/

Also, this does animate, but not in a smooth way like this: http://codepen.io/stevenfabre/pen/LGvzk which is what we aimed for.

Best regards,
M

function add_custom_script(){
?>
<script>
$(window).load(function () {
  $('#mobile-advanced li > a').on('click', function() {
   $(this).toggleClass('menu_underline');	  
  });
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

Hi,

Which mods are not valid? Do you have another solution as to how to make an animated hamburger icon?
The only problem I have with the current solution is that after the update 4.0.3 the animated hamburger icon hides behind the pop-up menu’s black background. Z-index doesn’t seem to work, but you know the code better, so maybe you know what is causing the problem?

We want an animation with the hamburger icon (so the lines animates into a cross and back again on toggle), which enfold’s default mobile icon does not do. I’ve used this link: https://kriesi.at/support/topic/animated-hamburger-mobile-menu-icon/ and the rest should be simple.

Best regards,
M

Hi Jordan,

Thanks for your answer. It works beautifully, but I’m more interested in knowing if I can fix what was originally meant in this function – simply insert a link and then video is showing automatically. It will be easier that way for the people who are going to run the website.

Best regards,
M

No, the hamburger icon.
Right now the original enfold theme closing button is showing so we can close the menu again, because the hamburger icon is hidden behind the black menu bg.

Hi Victoria,

Works like a charm! Thank you so much!

Best regards,
M

Hi,

The entire column is still not clickable. I just removed the padding because it didn’t work.
As you see in my first post, I have used the mentioned code to make the entire column clickable. It used to work, but now it doesn’t.

Best regards,
M

Hi Andy,

Thanks for the tip! I checked the plugins and it turns out it’s the wp-Typography plugin that is causing the trouble. Do you have any plugins like this that you suggest to use with Enfold?

Best regards,
M

Hi Nikko,

I’ve added the code to the functions.php now.

Best regards,
M

That works wonderful. Thank you!

Just one last question. When I open the mobile menu, the footer sometimes/sometimes not shows in addition to the menu. Is this a bug or is there a way to make sure the footer is not showing when I open the mobile menu?

I’ve removed the CSS now.

Thanks for the answer. Unfortunately, it didn’t work. Can it be done with a CSS only, or do I need to change something in the avia.js file? I’ve been looking there too in the if-sentence that opens the submenus.

Hi again,

Yes, that’s what I’ve been trying to do (see the image attachments in the first post). But I’m not sure how to make it fully work – can you say if I’m missing to insert a code somewhere or if I have to do something entirely else?

Best regards,
M