menu hamburger

Dział dotyczący opisu sprawdzonych rozwiązań. Znajdziesz tutaj m. in. tutoriale Wordpress.
no avatar
lola0909
 
Posty: 2
Reputacja: 0 pkt
Od: 26 sie 2018, o 15:29

menu hamburger

przez lola0909 » 26 sie 2018, o 15:40

Witam,
Mam problem z menu hamburger, ponieważ nie jest on zrobiony poprzez wtyczkę, lecz poprzez kody css w odpowiednich arkuszach, który dopasowuje się do responsywności strony.
Po aktualizacji stał się on niewidzialny, udało mi się coś zmienić i pokazuje się teraz prostokąt, zamiast 3 kresek :(
Proszę o pomoc, ponieważ ktoś kto robił stronę nie odpowiada, a ja się nie za dobrze znam :)

header#top #toggle-nav {
position: absolute;
right: 0px;
top: 5px;
display: block;
width: 36px;
height: 28px;
background-color: #000;
text-align: right;
margin-bottom: 10px;
}

header#top #mobile-cart-link {
position: absolute;
right: 32px;
top: 4px;
display: block;
width: 36px;
height: 28px;
background-color: #fff;
text-align: right;
margin-bottom: 10px;
z-index: 10000;
}

header#top .span_9 > .slide-out-widget-area-toggle {
display: block;
position: absolute;
right: 0px;
top: 5px;
width: 36px;
height: 28px;
background-color: #fff;
text-align: right;
margin-bottom: 10px;
z-index: 10000;
}

no avatar
bercik156
Świeżak
 
Posty: 172
Reputacja: 18 pkt
Od: 2 kwi 2017, o 06:59
Lokalizacja: Wa-Wa

Re: menu hamburger

przez bercik156 » 27 sie 2018, o 00:29

podaj link do strony łatwiej będzie podpowiedzieć :)
Pomogłem? Polub / Podziękuj :) Ciebie to nic nie kosztuje a mi sprawi radość :D

no avatar
lola0909
 
Posty: 2
Reputacja: 0 pkt
Od: 26 sie 2018, o 15:29

Re: menu hamburger

przez lola0909 » 27 sie 2018, o 10:22

www.drapple.pl

Teraz to się nawet na dużej responsywnosci pojawia :(

no avatar
bercik156
Świeżak
 
Posty: 172
Reputacja: 18 pkt
Od: 2 kwi 2017, o 06:59
Lokalizacja: Wa-Wa

Re: menu hamburger

przez bercik156 » 3 wrz 2018, o 01:43

Hejo ponownie po dłuższym czasie ;)

Sorka za tak późną odpowiedź ale nie miałem ostatnio wejść na normalny komputer a z fona tego nie ogarnie się ;)

to tak masz błąd w css

dokładnie to ten wpis:

Kod: Zaznacz cały
#toggle-nav{
   background-image: url("http://drapple.pl/wp/wp-content/uploads/2017/12/drApple-layout-16-1.png");
   width: 26px !important;
   height: 25px !important;
   background-repeat: none;
}


zamień na:
Kod: Zaznacz cały
#toggle-nav{
   background-image: url("http://drapple.pl/wp-content/uploads/2017/12/drApple-layout-16-1.png");
   width: 24px !important;
   height: 25px !important;
   background-repeat: no-repeat;
}


Co do tła obrazka to pewnie chcesz żeby był krzyż na normalnym tle a nie na czarnym:

Zamień to:
Kod: Zaznacz cały
header#top #toggle-nav{
###Coś tutaj jest##
background-color: #000;
###Tutaj też coś jest###
}


Na to:
Kod: Zaznacz cały
header#top #toggle-nav{
###Coś tutaj jest##
background-color: transparent;
###Tutaj też coś jest###
}


I powinno działać normalnie ;)
Pomogłem? Polub / Podziękuj :) Ciebie to nic nie kosztuje a mi sprawi radość :D




  • Podobne tematy
    Odpowiedzi
    Wyświetlone
    Ostatni post

Powrót do Baza wiedzy Wordpress

Kto przegląda forum Wordpress

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 1 gość