0

By default the first navigation item is highlighted in the navigation tree. When I click the second or third item in the navigation tree, the third item is highlighted, but also the first item. I have to click somewhere random on the page for the first item to be not highlighted. I don't want the first item to be highlighted when I click on the third item.   I also inspected the page. The third item receives the 'active' class when I click it, but to my surprise the first item does not have this class. This makes me very curious how the first item can be highlighted, when it does not even have the 'active' class. Does somebody know how to solve this?     I have written below scss in custom.scss file .mx-navigationtree { background-color: $navigation-bg; .navbar-inner > ul { & > li { a:focus{ background-color: $navigation-bg; outline: 0; } } } }   and save the file and local run but not worked.   I have tried with below scss --  background-color: $navigation-bg;    outline: none !important; box-shadow: none !important; border: none !important;   This one also not worked.   Can someone please help on this?

asked 2025-09-24

1 answers