Chodzi mi o to że w kodzie strony mam kilka elementów <li data-depth="0"> oraz kilka <li data-depth="1"> jak css ma je rozróżnić aby nadać im odpowiednie contenty.
<li data-depth="0"><a href="https://e-sale24.eu/3-foto-video">Foto / Video</a>
<div class="navbar-toggler collapse-icons" data-toggle="collapse" data-target="#exCollapsingNavbar3"><i class="material-icons add"></i><i class="material-icons remove"></i></div>
<div class="collapse in" id="exCollapsingNavbar3">
<ul class="category-sub-menu">
<li data-depth="1"><a class="category-sub-link" href="https://e-sale24.eu/21-drony">Drony</a></li>
<li data-depth="1"><a class="category-sub-link" href="https://e-sale24.eu/4-lustrzanki">Lustrzanki</a></li>
<li data-depth="1"><a class="category-sub-link" href="https://e-sale24.eu/27-aparaty-fotograficzne">Aparaty fotograficzne</a></li>
<li data-depth="1"><a class="category-sub-link" href="https://e-sale24.eu/23-kamery">Kamery</a></li>
<li data-depth="1"><a class="category-sub-link" href="https://e-sale24.eu/12-kamery-samochodowe">Kamery Samochodowe</a></li>
<li data-depth="1"><a class="category-sub-link" href="https://e-sale24.eu/13-kamery-sportowe">Kamery Sportowe</a></li>
</ul>
</div>
</li>