Tab Section – increase space for tab title

Hi,
I adjusted the underline on hover, and the home link, Please clear your browser cache and check.

Best regards,
Mike

Hi,
OK, I corrected, Please clear your browser cache and check.

Best regards,
Mike

Hi,
When I check it’s working for me, but as I tried to explain earlier, the “Home” item for the page always has the class for the highlighting because it is the parent of the page, technically you are always on that page. So I did a lot of css to adjust the menu item color so that it would not be highlighted when the others are highlighted.

So now I wrote this script that will remove the class or add it to the “Home” menu item, based on how far the page has scrolled, it is set to 100px, and then I adjusted your css.

function custom_current_menu_item(){
  ?>
  <script>
(function ($) { 
$(window).scroll(function() {    
    var scroll = $(window).scrollTop();
    if (scroll >= 100) {
        $(".menu-item-5246").removeClass('current_page_item');
        $("#menu-item-5721").removeClass('current_page_item');
    } else {
        $(".menu-item-5246").addClass('current_page_item');
        $("#menu-item-5721").addClass('current_page_item');
    }
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_current_menu_item');

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to help, I assume we can close this now, but I like to ask. Shall we close this then?

Best regards,
Mike