Enfold/ Permanent underlining of menu items

Hi!

I don’t see anything wrong with how you set up the color section and anchor menu but the current-menu-item class is not being applied on the active menu. Please try this on functions.php:

add_action('wp_footer', 'ava_current_menu');
function ava_current_menu(){
?>
<script>
(function($){
   $(".av-main-nav li a").click(function() {
	  $(".av-main-nav li a").removeAttr("class");
	  $(this).addClass("active");
   });
})(jQuery);
</script>
<?php
}

Add this to the Quick CSS field:

av-main-nav li a.active > .avia-menu-fx {
opacity: 1;
visibility: visible;
}

Best regards,
Ismael

Hi!

Yes, I know what you’re trying to do and that is the purpose of the code above. I checked the site again but it’s not working / loading. Please check. After you added the modifications, please remove browser cache then reload the page.

Best regards,
Ismael

Hi!

My bad. There’s a missing dot in the css mod. Please use this:

.av-main-nav li a.active > .avia-menu-fx {
opacity: 1;
visibility: visible;
}

Best regards,
Ismael

Hi!

That is the default behavior of the anchor links. Did you follow the instructions provided here (http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/)? Please post the login details here. We would like to check it.

Best regards,
Ismael

Hey!

The code on your Quick CSS field is incorrect. Also, the anchor name on the color section were capitalized. Make sure that the anchor name and links are identical. Please remove browser cache then check the page: http://www.puertaburritos.com/

Cheers!
Ismael