Wrong menu item highlighted as current page

Hello!

It seams that I have the same issue on my page.

When the page loads up the first menu item in the header gets highlighted.

This menu item “PULMAVIDEOD” refers to the first anchor section on the page which is just a few scrolls below the front page image slider. All the other menu items/links serve the same purpose for other anchored color sections on the same page.

I added the following code to the functions.php to avoid the “previous menu item highlighted” issue

function add_custom_script(){
?>
<script>
(function($){
    $(window).load(function() {
    	$(this).trigger('resize');
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

Is there something else I could add somewhere to make the first menu item not active until navigated on the respectful page?

Thank you for your efforts,
Mikk

Hello!

A home button would solve it I guess but that is another button in the header menu and unfortunately if I add any more buttons the menu items and the logo will overlap each other when resizing the window to a smaller size. (Ipad screen seems to have the perfect size. Right on the border of collapsing into mobile view and desktop browser width so that the menu and logo will overlap. I had to resize my header fonts in order to avoid this).

At some point I might make an “about me” page to be the first one but at the moment this option does not suffice.

I tried pastin the above suggested code to my functions.php and enfold-functions.php both resulting in a blank white screen when dialing in my website or the wp-admin page in the address bar. I then had to go through an ftp client to delete the code in order to get my page functioning again. So either the above code has some mistakes in it or it doesn’t work.

One more thing to add to the header active not active issue:

The header menu items were at first marked as for example “#pulmavideod” to navigate to an anchor on the page. However when I’m on a subpage for example I have clicked on a portfolio item http://mikkrosin.ee/videod/pulmavideod/evelinjamartin then the header menu items won’t work when I’m on that page. Unless I make a custom link with the webpage in front like so: mikkrosin.ee/#pulmavideod. the menu items just do nothing but add “#pulmavideod” to the end of the address in the address bar like so http://mikkrosin.ee/videod/pulmavideod/evelinjamartin#pulmavideod.

So I could just make the header menu items with a custom link : mikkrosin.ee/#pulmavideod but then the whole header turns blue for some reason and doesn’t react to any hover effects. When the custom links are set as only “#pulmavideod” the menu items are white and on hover they turn blue(which is what I want but the links doesn’t work on subpages).

Any information to solve this is greatly appreciated and I’m very glad I have found such a theme with such great support.

Mikk

Thank you!

That did the trick for the first menu being highlighted problem when first visiting the page.

Awsome theme!