Problem z z-index dla chowanego menu wersji mobilnej
Wyniki 1 do 5 z 5

Temat: Problem z z-index dla chowanego menu wersji mobilnej

  1. #1
    Przeglądacz
    Dołączył
    19-11-2010
    Wpisy
    72
    Punkty
    10

    Domyślny Problem z z-index dla chowanego menu wersji mobilnej

    Siemka,
    próbowałem na różne sposoby i już niestety brakuje mi sił i nie umiem znaleźć rozwiązania dla swojego problemu, który występuje w wersji mobilnej strony http://serwer2308130.home.pl/hekabe/. Mam stworzone pływające menu, które pozostaje widoczne kiedy użytkownik skroluje stronę oraz skrypt który zmniejsza logo tak aby było ciągle widoczne na pasku z menu.

    Ustawiłem z-index dla logo 1050; tak aby był zawsze widoczny (domyślnie logo chowało się)
    #hkb_header_inner .hkb_header_logo
    {
    position:fixed;
    z-index:1050;
    transition: all 0.4s ease-in-out 0s;
    }

    W przypadku wersji mobilnej po rozsunięciu się z prawej strony menu mobilnego logo nachodzi na całość menu i nie jestem w stanie się tego pozbyć. Ustawiłem wartości jak poniżej i wtedy boczne menu mobilne zasłania logo i pasek menu tak jak powinno być, ale gdy skroluje stronę w dół to pasek menu zasłania logo, co jest błędem.

    @media only screen and (max-width: 767px)
    {
    .innermenu
    {
    z-index:1051;
    }


    }

    Wydaje mi się, że z-index powinien być zmieniony tylko dla klasy "menu-center navbar-collapse nav-menu collapse show" ale jak tam ustawiam ten parametr to nic sie nie dzieje.

    Wiem, że może to troche zagmatwane ale myślę, że jeśli ktoś otworzy strone i włączy inspecję, zrozumie o co chodzi.

    Dzięki za pomoc!
    /mjn



  2. Pani Reklamowa
    Pani Reklamowa jest aktywna
    Avatar Panny Google

    Dołączył
    19-08-2010
    Skąd
    Internet
    Postów
    milion
    Pochwał
    setki
  3. #2
    Bywalec Frodoo awatar
    Dołączył
    26-08-2018
    Skąd
    Łódź
    Wpisy
    178
    Punkty
    18

    Domyślny

    Dodaj może taki styl
    Kod:
    #nav_menu{margin-top:100px;}
    To obniży to menu na dół i logo będzie widoczne
    Na forum pomagam bezpłatnie, ale nie koniecznie

  4. #3
    Przeglądacz
    Dołączył
    19-11-2010
    Wpisy
    72
    Punkty
    10

    Domyślny

    Nie bardzo działa, bo nie widze żadnej różnicy

  5. #4
    Bywalec Frodoo awatar
    Dołączył
    26-08-2018
    Skąd
    Łódź
    Wpisy
    178
    Punkty
    18

    Domyślny

    Sprawdź przez zbadaj element czy ten styl jest dodawany w ogóle czy jest przekreślony. Wstawiłeś go do jednego z plików css szablonu czy jakoś dodatkiem?
    Sprawdź jeszcze tak dodając !important
    Kod:
    #nav_menu{margin-top:100px !important;}
    Na forum pomagam bezpłatnie, ale nie koniecznie

  6. #5
    Bywalec Frodoo awatar
    Dołączył
    26-08-2018
    Skąd
    Łódź
    Wpisy
    178
    Punkty
    18

    Domyślny

    Widzę, że udało się. Na razie nie widzę aby inaczej to naprawić. Można byłoby dodać tło do bocznego menu, ale to zasłoni logo.
    Na forum pomagam bezpłatnie, ale nie koniecznie

Podobne tematy

  1. [Rozwiązane] Ja Simpli - brak rozwijanego menu w wersji mobilnej
    przez Bogdan87 na forum Szablony, formatowanie wyglądu
    Odpowiedzi: 8
    Ostatni post/autor: 21-06-2023, 15:13
  2. problem z wyświetlaniem wersji mobilnej
    przez szczepan99 na forum Szablony, formatowanie wyglądu
    Odpowiedzi: 1
    Ostatni post/autor: 24-02-2021, 10:34
  3. Brak menu w wersji mobilnej w szablonie Purity III
    przez Dzwonson na forum Szablony, formatowanie wyglądu
    Odpowiedzi: 5
    Ostatni post/autor: 07-10-2015, 22:45
  4. Problem z Protostar w wersji mobilnej
    przez tommac na forum Szablony, formatowanie wyglądu
    Odpowiedzi: 0
    Ostatni post/autor: 11-10-2013, 01:46
  5. Odpowiedzi: 2
    Ostatni post/autor: 14-04-2013, 13:31

Reguły pisania

  • Nie możesz zakładać nowych tematów
  • Nie możesz dodawać wypowiedzi
  • Nie możesz dodawać załączników
  • Nie możesz poprawiać swoich postów
  •