ROZWIĄZANE Ułatwienie nawigacji po menu

Witam,

Nie jestem pewnie z tym problemem sam, chociaż na forum nie znalazłem podobnego problemu. Chodzi o mało czytelne menu w szablonie rwd, w moim sklepie jest masa podkategorii i kiedy się wchodzi kolejno kategoria gł> podkategoria> podkategoria 2 > podkategoria 3

i w podkategorii 3 jest następnych 10 kategorii, chodzi o to żeby jakoś oddzielić te ostatnie podkategorie jakoś widocznie od reszty kategorii, wystarczy jakaś mała kreska, cokolwiek.


Ma ktoś na to pomysł lub przerabiał jakoś już to menu pod tym względem i może udostępnić kod >

 

Daj link do sklepu trzeba to zobaczyć naocznie

 

https://sklep1810089.home.pl/ bardzo proszę

 

Kod:

.level_2 {
    margin-left: 1em !important;
    border-top: 1px solid #000;
}

to oczywiście przykład, pamiętaj, że jest kilka poziomów i każdy musisz ogarnąć zrób sobie styl jaki chcesz dla każdego, możesz nawet je pokolorować niezależnie.

 

W ten sposób, dobra opcja, tylko mam to w pliku menu dodawać, dobrze rozumiem?

 

Są też inne miejsca gdzie można to dodać, czasami nawet lepsze pod pewnymi względami, ale ustalmy, że jeśli o to pytasz to jest tak jak napisał @LukaszC

 

Jeżeli nie zaszkodzi to pozycjonowaniu a wydaje mi się że nie to chyba nie ma co kombinować

 

Nie zaszkodzi. To o czym ja piszę pozwala na ekstremalne przyspieszenie strony w google insights mi się udało uzyskać w testowym sklepie 100/100 punktów na desktopie i mobilu nie widziałem innego sklepu który by to osiągnął

 

Podziel się tą wiedzą

 

To nie wiedzą tylko 2 godziny zabawy każdy sklep jest inny i nie ma jednego rozwiązania. Głównie chodzi o wywalenie stylów i js na koniec aby strona renderowana się szybciej, kompresja obrazków, stylów, js itd zabawy na 2 godziny ale strona wczytuję się znacznie szybciej

 

O kompresji to wiem, odezwę się jak będzie czas na priv

 

O co dokładniej chodzi z tym kompresowaniem obrazów?
Laik pyta.

 

Wejdź na google insights i sprawdź sklep, mysle, że dużo Ci to powie

 

zmiana koloru podkategorii nie działa :/

 

.level_2 {
margin-left: 1em !important;
border-top: 1px solid #000;
}