ROZWIĄZANE Nieprawidłowe działanie wersji mobilnej

Cześć, mam dwa problemy, obydwa dotyczące wersji mobilnej sklepu i widoczne na screenie....

1. Menu jest po rozwinięciu zasłonięte przez banner;
2. W menu są pozycje, których nie powinno tam być i w wersji na komputer już ich nie ma, np. Mid Season Sale - promocja z połowy zeszłego roku :/

W ogóle ta wersja mobilna nieudana, banery tracą proporcje i wygląda to słabo, ale zasłonięte menu bardzo przeszkadza....

Sklep jest pod adresem www.fashionbay.pl

Kto poradzi?

 

@MKM na moje coś jest nie tak z parametrem "z-index" w CSS przy tym banerze i menu. Próbowałem znaleźć rozwiązanie, ale zabrakło mi dzisiaj czasu... może użytkownik @TheL będzie w stanie tutaj zasugerować odpowiednie rozwiązanie (napisałem do niego na prv).

 

W sprawie banerów mogę podpowiedzieć, że banery zapewne tracą proporcję, ponieważ przy obrazkach zapewne są podane wartości width i/lub height. Sugeruję usunąć te wartości przy obrazkach, to wtedy będą poprawnie skalowane zgodnie z proporcjami również na wersji mobilnej.

 

Dobra to na szybko bo mam tylko chwilę
zabierz obrazkom jeden z parametrów tj szerokość, zostaw tylko wysokość.
do swojego stylu dodaj

Code:

.menu #rwd-menu {
    z-index: 99999 !important;
}

gotowe

 

Dziękuję bardzo, widzę, że to bardzo proste :-D

Ale jeśli można, wolę podpytać....

Szerokość zabrałem, za dużo to nie zmieniło, ale rozumiem, że zadziała razem z kodem. I teraz najważniejsze pytanie: gdzie ten kod dokładnie dodać? Jak dodałem na końcu, napisało mi, że wystąpił błąd składniowy LESS, zaczynający się od linii 701. Zresztą jak usunąłem ten kod i zostawiłem wszystko tak jak było, to znów mi pokazało ten sam błąd.

Wcześniej wolałem tego nie tykać, bo nie znam się na tym zupełnie... :-(

 

a więc rzekłem co następuje
jeśli masz błąd składniowy oznacza to, że producent skórki zmodyfikował bezpośrednio plik user.css i nic nie zmienisz we własnym stylu (dlaczego tak zrobił tego nie wiem)
parametr szerokości zabierz po wyłączeniu edytora wizualnego.
Zadziała to na 100%

 

Kiedy właśnie nie zadziałało zabranie szerokości, to już zrobiłem, bo akurat umiem
Myślę, że ta skórka taka jest po prostu.

A menu nadal jest pod zdjęciem, to jest główny problem....

 

nie ma opcji, jeśli dodasz to do stylu to na 100% menu wskoczy ponad wszystko

 

Ale właśnie napisałeś, że w stylu nic nie zmienię...

 

zmienisz edytując plik user.css

 

To jest zawartość oryginalnego pliku css. Gdzieś tam mam dostawić Twój kod?

@import "_variables.less";
@import "_mixins.less";
@import ".r-variables.less";
@import ".r-mixins.less";
@import "_userClasses.less";
@import "_templateBasic.less";
@import "_grid.less";
@import "_tableBasic.less";
@import "_formBasic.less";
@import "_alerts.less";
@import "_menu.less";
@import "_breadcrumbs.less";
@import "_modules.less";
@import "_product.less";
@import "_basket.less";
@import "_panel.less";
@import "_other.less";
@import "_responsive.less";
@import "_modal.less";
@import "_fonts.less";
@import "_rwdCustom.less";
@import "_iefallback.less";
@import "_article.less";
@import "_shopGallery.less";
@import "_slider.less";
@import "_skin.less";
@import ".r-layout.less";
@import ".r-fontSizes.less";

 

nie to, wejdź w edycję zaawansowaną i plik
user.css
dopisz to co podałem na jego końcu

 

Bardzo przepraszam, wiem że wymagam wiele, ale dało by radę tak dla idiotów, krok po kroku?

 

Wejdź do swojego wyglądu, następnie kliknij:

po czym wybierz:

wklej styl najlepiej na końcu i kliknij:


prościej się nie da

 

Heh, prościej nie trzeba, wszystko zrozumiałem, tylko mamy inny interfejs. Ja nie mam tego przycisku, który na początku trzeba kliknąć

 

aaaaaaaaaaaaaaaaaaaaaaaaaa
bo zrób kopię skórki zanim zaczniesz edytować

 

Zrobione. Kopia po zmianach ustawiona jako aktywna, ale nie zadziałało. Menu w wersji mobilnej nadal pod zdjęciem

 

wyczyść cache skórek i zobacz we własnym stylu czy tam gdzie dodałeś jest ten kod.
z tym jest chwila zabawy zanim się doda, ale nie ma opcji, musi to działać.

 

Cache wyczyszczony, kod jest. Niestety menu nadal pod zdjęciem...

A może coś źle zrobiłem, usuwając szerokość ze zdjęcia i to jakoś wpływa? Tak wygląda mój kod banerku obecnie:
<div id="banery_extra2" class="box resetcss box_custom">
<div class="f-row">
<div class="f-grid-5"><a href="/pl/producer/Duhla/15"><img src="/public/assets/Duhla.jpg" alt="" height="383" /></a></div>
<div class="f-grid-7"><a href="/pl/producer/Angelika-Jozefczyk/7/"><img src="/public/assets/kafelek7.jpg" alt="" height="383" /></a></div>
</div>
</div>

 

tu jest z grubsza poprawnie, ale chwila jest lepiej bo główny banner już nie zasłania