Darstellung Menü bei Pinboard Theme in mobiler Ansicht

MaresaM

Liebe Alle,

ich habe die letzten drei Beitragsseiten durchsucht und konnte kein passendes Thema für mein Problem finden. Deshalb eröffne ich hier ein neues Topic:

Ich habe gerade die Verwaltung einer Seite übernommen, die von jemand anderem erstellt wurde. Als erstes fiel mir auf, dass der Headerbereich (Bild, Menü und Social Media Icons) in der mobilen bzw. skalierten Ansicht nicht richtig angezeigt wird. Ich habe alle Einstellungen des Themes durchsucht, aber nirgendwo finde ich eine Möglichkeit, um das Menü und die Social Media Icons auf mobilen Geräten schöner anzeigen zu lassen. Das größte Problem ist, dass sich das Menüsymbol (Hamburger) über das Bild des Logos schiebt.

Weiß jemand von euch Rat?

WordPress: 4.9.7
Pinboard: 1.1.12
Seite: https://weyer-gruppe.com

Vielen, vielen Dank im Voraus!
Maresa

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Sailor56

Das Problem mit dem Hamburgermenü ist relativ einfach zu lösen... das mit den Sozial Media kollidiert allerdings etwas mit der Suchfunktion...
Aber zum Testen zumindest hier ein Versuch:

HTML

@media screen and (max-width: 760px) {


/* Position des Menüicons */
  #access a.nav-show,
  #access a.nav-show:hover {
    top: 10px;
    right: 10px;
  }


/* Position des Social-Media Menü */  
  #header #searchform {
    margin: 0px 3.4% 10px 3px;
  }
  #social-media-icons {
    clear: both;
  }
 
}

Alles anzeigen

Bitte in das 'zusätzliche CSS' einfügen. (Vom Dashboard -> Design -> Customizer -> zusätzliches CSS)

SEpp55

Versuche das mal in die Zusätzlichen CSS einzufügen:

Code

@media screen and (max-width: 760px) {
#site-title img {
    margin: 0;
  }
}

oder

Code

@media screen and (max-width: 760px) {
#site-title img {
    margin-top: 0;
   }
}

MaresaM

Hallo zusammen!

Danke euch für die schnelle Hilfe! Ich habe die erste Lösung genommen und es hat perfekt geklappt. Danke :-)

Viele Grüße
Maresa

knarf0911

Hallo,
ich habe ein ähnliches Problem bei dem ich nicht weiter komme.
Auf der Website wird bei der mobilen Version das Menü nicht mehr angzeigt. Bin am verzweifeln...
Kann jemand helfen?
http://www.fewo-kerschbaum.de
Mir ist aufgefallen das wenn ich oben rechts klicke, das Menü aufgeht. Es ist quasi Unsichtbar.
Ich habe versucht an den Farben zu drehen, aber es wird nicht angezeigt????

Gast 100035

Sorry, daß ich erstaunt bin o_O. Du hast doch einen Webdesigner, der Deine Site erstellt hat. Weiß der es auch nicht?

Sailor56

So wie es aussieht, soll an der Position (oben/rechts) eine Bild angezeigt werden...
https://www.fewo-kerschbaum.de/wp-content/the…/images/nav.png
... diese Grafik existiert aber nicht

knarf0911

Danke Sailor56, ich werd das mal weitergeben!

knarf0911

Zitat von Kurt Singer

Sorry, daß ich erstaunt bin o_O. Du hast doch einen Webdesigner, der Deine Site erstellt hat. Weiß der es auch nicht?

Er ist noch im Urlaub bis nächste Woche.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Darstellung Menü bei Pinboard Theme in mobiler Ansicht

Jetzt mitmachen!