Adding active class to active navigation with jQuery

Code snippet to add active class to active navigation menu.
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
class active in navigation
jQuery(function() {
	if ( window.location.pathname == '/' ){
	else {
		jQuery('.main-menu_classes a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active');

Short explanation of the code "Adding active class to active navigation with jQuery"

I added an active class to the HOME or HOME menu (which I have marked with the home_link class) specifically for the homepage only. If the browser opens a page other than the homepage, the active class will be added to the menu according to the link we are currently opening.

Suppose we open the ABOUT page, then the /about/ link will be added to the active class .

An example of using this script I used when converting the website which previously used Elementor, then converted it using Oxygen Builder.

Additional Notes:

I found difficulties when adding the active class to the taxonomy, the solution was using the code from as below:

    jQuery(function($) {
     var path = window.location.href; // because the 'href' property of the DOM element is the absolute path
     $('ul a').each(function() {
      if (this.href === path) {

Leave a Reply

Your email address will not be published. Required fields are marked *

Related Article

Video Code using ACF Video Field
Solution of Jumping Modal Popups
I get this code from my client and also my friend 😊
Menu Accordion
I found this snippet code to create menu accordion from CodePen, but I did slightly modification from original code to […]
Digitalizer offers website design & development services for company profiles, online shops, event organizers, educational institutions or other fields. You don't need to think about domains, web hosting / servers, DNS, email, design, development, security and other technical issues. Just prepare your website content, we do the rest.
All website design & development packages include 1 year maintenance!
Free Consultation
Back to top