Problem ze stroną mobilną / Wordpress

[kacper3355 0]

Cześć. Mam problem z wersją mobilną strony.

Tak to obecnie wygląda: http://i.imgur.com/oHS4pbf.png

Chciałbym żeby wyglądało to tak: http://i.imgur.com/mnbfSYS.png

lub ewentualnie tak - http://i.imgur.com/QoZgmWr.png

 

 

Moja strona - KLIK

Tutaj można zobaczyć podgląd z wersji mobilnej - http://mobiletest.me/

 

Jak widać na powyższych screenach, jest problem z logiem, które raz się pokazuje, a raz nie - a jak już się pokaże, to kawałek i tak jest ucinany. Chciałbym przenieść je w miejsce, zaznaczone na screenie. Dodatkowo, chciałbym ukryć rozwijane menu tylko w wersji mobilnej. Da się to jakoś poprawić?

 

Z góry dzięki za pomoc.

Edytowano Listopad 28, 2014 przez kacper3355 (zobacz historię edycji)

[maniack 403]

.

Edytowano Wrzesień 13, 2017 przez Gość (zobacz historię edycji)

[kacper3355 0]

Czyli rozumiem, że trochę roboty przy tym będzie? Nie jest to czasami mała zmiana w CSS?

A co do drugiego pytania - z tym chyba powinno być łatwiej?

 

To nie sprawka autora strony. To ja przebudowałem szablon w dużym stopniu. Normalnie nie ma opcji w ogóle umieszczenia logo w navbarze. Tu jest oryginalny szablon - https://wordpress.org/themes/hueman

Edytowano Listopad 28, 2014 przez kacper3355 (zobacz historię edycji)

[nowek 0]

display: none?

[kacper3355 0]

display: none?

 

A powiesz coś więcej? Chcę ukryć to menu tylko na urządzeniach mobilnych. Jak stosuje display: none, to ukrywa to menu wszędzie - na komputerach i u. mobilnych.

[maniack 403]

.

Edytowano Wrzesień 13, 2017 przez maniack (zobacz historię edycji)

[kacper3355 0]

No niestety. Tak długo jak logo będzie w menu, które na mobilach jest ukrywane (i to jeszcze z javascriptem mieszającym w css-ie), tak długo to logo będzie ukrywane

To istnieje jakiś inny sposób, aby wrzucić to logo w to miejsce w którym jest teraz, poprawnie? Byłbym bardzo wdzięczny za instrukcje

 

 

Sprawę menu zostawmy na koniec.

[kacper3355 0]

Znalazłem stronę opartą na tym samym szablonie, która ma zaimplementowane logo w navbarze i wygląda normalnie w wersji mobilnej - http://merfotball.com/

 

Może da się podejrzeć kod tej strony i "przenieść" go na moją? Tzn. ja się kompletnie w tym nie orientuje, nie wiem nawet jak się za to zabrać.

[kacper3355 0]

Chyba mam pomysł jak ten problem rozwiązać, ale nie wiem jak wprowadzić go w życie. Obecnie logo jest wstawione w tym miejscu dzięki "menu-item" (strona główna, link został zamieniony w obrazek), więc to by wyjaśniało, czemu logo jest niewidoczne na urządzeniach mobilnych. Potrzebuje zatem wstawić logo w te samo miejsce w jakiś inny sposób, byle nie używać atrybutu "menu-item". Ktoś ma jakiś pomysł, gdzie i jaki CSS umieścić?

Edytowano Listopad 29, 2014 przez kacper3355 (zobacz historię edycji)

[kacper3355 0]

@podbijam

wyczytałem, że position:absolute może pomóc w tym przypadku