[k.....o]

#wordpress #informatyka #programowanie #php #html #css
Hej, pomagam koleżance stworzyć rozwijane menu w wordpressie, ale mamy problem, bo menu wyświetla się pod treścią na stronie zamiast na wierzchu. Pomoże ktoś? ( ͡° ͜ʖ ͡°)

[C.....x]

@kacperinjo: z-index ( ͡° ͜ʖ ͡°)

[k.....o]

@Chudzinx: możesz trochę rozwinąć? Myślałem, że trzeba przerobić css szablonu.

[Greg36]

@kacperinjo: Czy znasz się na css? I jakiego szablonu używacie?

[C.....x]

@kacperinjo: dodaj do tego menu w css z-index: 999;
Ustawia się tak kolejność elementów na sobie, na minusie są najniżej.

[k.....o]

@Greg36: słabo się znam, jest to jakiś gotowiec. Czytam właśnie o z-index, dodałem do kodu, ale nie dotarłem jeszcze do wartości z-index czy powinna być wysoka czy niska żeby wyświetlało się jako pierwsze :P

[virus-t]

@kacperinjo: z-index https://www.w3schools.com/cssref/pr_pos_z-index.asp

UP: Im wyższa wartość tym "bardziej nad wszystkim"

[Greg36]

@kacperinjo: Ustaw z-index: 100;.

[k.....o]

@Greg36: @virus-t: @Chudzinx:

Cholera, dalej lipton.

Dodałem taki kod na końcu style.css szablonu :>

 .menu li:hover .sub-menu {
 display: block;
 z-index: 999;
}

[C.....x]

@kacperinjo: masz to gdzieś postawione w necie? Luknąłbym.

[virus-t]

@kacperinjo: pytanie jaki z-index ma treść? ( ͡° ͜ʖ ͡°) Nie znam się na wordpressie. Weź najedź na element, kliknij prawym, "zbadaj element" i obczaj style jakie pobiera dany element.

[kololowy]

@kacperinjo: z-index zadziała tylko w parze z position innym niż static
np. position: relative

Najlepiej nadaj go na całe .menu
Mimo to dalej może nie działać jeśli .menu znajduje się w kontenerze, który ma już nadany z-index i co innego go zasłania

np.
.wrapMenu - z-index: 10
.wrapMenu .menu - tutaj więcej niż 10 nie uda się osiągnąć, niezależnie od podanej wartosci

.wrapContent - z-index: 11

[virus-t]

@kacperinjo: a właśnie jeszcze mi się przypomniało... ogarniasz że style są cache'owane do pamięci przeglądarki, więc jak chcesz mieć pewność że Ci się styl załadował to odświeżasz stronę CTRL+F5.

[k.....o]

@virus-t: @kololowy: @Chudzinx: @Greg36:

Chudzinx znalazł winowajcę. W #header miałem taki kod:

#header {
 padding: 20px 0 0 0;
 height:123px !important;
 overflow:hidden;
 z-index: 999999;

Usunięcie

overflow:hidden;

Załłatwiło sprawę ( ͡° ͜ʖ ͡°) Dziękuję wszystkim za pomoc :)