var url = window.location.href; var el = document.querySelector(".menu-m ul"); if( url == 'https://demo.artabshop.com/'){ el.classList.add("active-1"); } else if(url == 'https://demo.artabshop.com/blog/'){ el.classList.add("active-2"); } else if(url == 'https://demo.artabshop.com/artab-videos/'){ el.classList.add("active-3"); } else if(url == 'https://demo.artabshop.com/contact-us/'){ el.classList.add("active-4"); } else if(url == 'https://demo.artabshop.com/about-us/'){ el.classList.add("active-5"); } .active-1 li:nth-child(1){ background-color: #F0F7FF !important; border-radius: 16px; padding: 8px !important; } .active-1 li:nth-child(1) span{ color: #57A8FF !important; } .active-1 li:nth-child(1) .icon-inactive path{ fill: #57A8FF !important; } .active-2 li:nth-child(2){ background-color: #F0F7FF !important; border-radius: 16px; padding: 8px !important; } .active-2 li:nth-child(2) span{ color: #57A8FF !important; } .active-2 li:nth-child(2) .icon-inactive path{ fill: #57A8FF !important; } .active-3 li:nth-child(3){ background-color: #F0F7FF !important; border-radius: 16px; padding: 8px !important; } .active-3 li:nth-child(3) span{ color: #57A8FF !important; } .active-3 li:nth-child(3) .icon-inactive path{ fill: #57A8FF !important; } .active-4 li:nth-child(4){ background-color: #F0F7FF !important; border-radius: 16px; padding: 8px !important; } .active-4 li:nth-child(4) span{ color: #57A8FF !important; } .active-4 li:nth-child(4) .icon-inactive path{ fill: #57A8FF !important; } .active-5 li:nth-child(5){ background-color: #F0F7FF !important; border-radius: 16px; padding: 8px !important; } .active-5 li:nth-child(5) span{ color: #57A8FF !important; } .active-5 li:nth-child(5) .icon-inactive path{ fill: #57A8FF !important; }