Problem z poziomym rozwijanym menu

Problem z poziomym rozwijanym menu
D1
  • Rejestracja:ponad 5 lat
  • Ostatnio:ponad 4 lata
  • Postów:19
0

Witam. Mam problem a zarazem pytanie dotyczące rozwijanego poziomego menu. Staram się zrobić w miarę responsywną stronę www z wykorzystaniem css oraz html5, bez Bootstrap. Jeżeli wielkość ekranu przekracza określoną wartość, to elementy menu ustawiają się obok siebie, i lista rozsuwa się w dół (tak jak powinno być).
screenshot-20200316000016.png.
Jeżeli szerokość ekranu spadnie poniżej określonej przeze mnie, to menu staje się pionowe, lecz podmenu rozwija się w dół zasłaniając pozostałe elementy. Czy jest możliwość wpłynięcia samym css'em na to, aby rozwijało się ono po prawej stronie danej pozycji w menu a nie pod nią?
Pozdrawiam
screenshot-20200316000342.png
screenshot-20200316000448.png

serek
  • Rejestracja:około 11 lat
  • Ostatnio:mniej niż minuta
  • Postów:1476
0

A może byś jakiś kod zapodał??? ...

D1
  • Rejestracja:ponad 5 lat
  • Ostatnio:ponad 4 lata
  • Postów:19
0
serek napisał(a):

A może byś jakiś kod zapodał??? ...

A sory. Zapomniałem o tym, ale już naprawiam swój błąd.

https://jsfiddle.net/wfbkzdqe/

Jest możliwość ustawienia wysuwania menu po prawej stronie dla pionowego układu?

edytowany 4x, ostatnio: Dawid16397
Tomek Opole
  • Rejestracja:prawie 7 lat
  • Ostatnio:około miesiąc
  • Lokalizacja:Opole
  • Postów:15
0
Kopiuj
@media screen and (max-width:550px)
{

.glowne > li > ul > li {
        left: 150px;
}
}
edytowany 1x, ostatnio: Tomek Opole
D1
  • Rejestracja:ponad 5 lat
  • Ostatnio:ponad 4 lata
  • Postów:19
0
Tomek Opole napisał(a):
Kopiuj
@media screen and (max-width:550px)
{

.glowne > li > ul > li {
        left: 150px;
}
}

Działa, dzięki. Tylko zamiast wartości w px dałem w procentach.

edytowany 1x, ostatnio: Dawid16397

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.