Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 7, 2015 at 9:12 pm #407561
    BruceJackson

    Thanks for the amazing theme! So far between the great support forum and the doc I’ve managed to solve all problems – just one small issue remains.

    We have a page with 4 tabs and a matching sub-menu widget with links to activate the matching tab.
    Link is in private content.

    Is it possible for the active tab to correctly select the matching sub-menu item?
    Currently all 4 menu items have “current-menu-item” and are selected regardless whether they are active or hidden.

    many thanks

    March 9, 2015 at 4:17 pm #408211
    Ismael

    Hi BruceJackson!

    Thank you for using Enfold.

    I’m sorry but it’s not possible without creating a custom jquery script. This a custom work so you might need the help of a freelance developer. Or try to add a custom class to the tab menu items on Appearance > Menus panel. Click screen options, enable the CSS Classes option. Use “tab-menu” as css class for example then add this to the functions.php file:

    add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
?>
<script>
(function($){
		$(".tab-menu a").click(function(){
			$(this).removeClass('active');  
			$(this).stop().addClass('active');
		})
})(jQuery);
</script>
<?php
}

    Add this to the Quick CSS field:

    #top #header .avia_mega_div > .sub-menu > li > ul > li a.active {
color: red !important;
}

    Regards,
    Ismael

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