Tiny nav issues on active current-menu-item class

Hi Colorlib(Travelify Theme) support,

Found an issue on the tiny nav js on responsive view, the active menu is set the last menu item as selected whenever it cannot find “current-menu-item” class (see attached).

What I did is to add a condition \library\js\function.js(see attached). to detect if the “current-menu-item” class is found or not. This is just a temporary solution, I am not sure what other menu behaviors for menu items such as posts, categories and etc.

I am sure there are better solutions for this, Hope you find this useful.

Hi @carloaviles,

I hope you are well today and thanks for posting here.

I couldn’t reproduce the issue on my test site.

Could you please tell me a bit more in detail how to reproduce the issue so that i can troubleshoot it?

Is the issue also occurring for you on the following demo site?

https://colorlib.com/travelify/

Kind Regards,
Movin

Thank you for your reply Movin,

I am referring to a similar issue as this: https://colorlib.com/travelify/layout-test/ (767px screen width view). Which means any page or post not found on the menu the selected menu will be the last item in the menu. which in this case “Contact Us”

But for my case, the page is not in the menu list but it has a parent page that is in the menu list. That is why i need to include “.current-page-ancestor” in the tinynav jquery plugin.

But for my case, the page is not in the menu list but it has a parent page that is in the menu list. That is why i need to include “.current-page-ancestor” in the tinynav jquery plugin.

Yes but this is your custom solution that worked for your custom requirement. Not every user of this theme wants to select current page ancestor in the menu as this can also jumble the users.

Awesome great to see you got that achieved for you.