Sidebar Navigation

Dear Support Team,

there is a problem where I need your help.

I have adapted the navigation in the sidebar via css that this is left-aligned.
I have also managed to display only the active navigation points.

#top .sidebar_left .widget ul {text-align: left;}
#top .sidebar_left .widget_nav_menu ul ul li:before {z-index: -1;
}
#top .sidebar_left .widget_nav_menu .sub-menu { display: none; }

#top .widget_nav_menu .current-menu-item > ul, #top .widget_nav_menu .current_page_item > ul, #top .widget_nav_menu .current_page_ancestor > ul, #top .widget_nav_menu .current-menu-ancestor > ul { display: block !important; }

Now it is so that you no longer can see the difference between the 2nd navigation level and the 3rd level navigation :-(

The 3rd level of navigation should be indented to the right.

Another wish of mine would be that the active links are highlighted in yellow in the site navigation.

It would be great if you could help me.

1000 thanks!