Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 15, 2019 at 12:36 pm #1148047
    protrend

    Hallo,

    Google macht mich aufmerksam, dass diverse Schaltflächen mit Links auf den Mobilgeräten zu eng beieinander liegen. Dies betrifft die unterste Fußzeile im Footer. Dort wo die Links zu den Seiten Impressum, AGB, Kontakt, etc. liegen.

    Festgestellt habe ich, dass das scheinbar beim Theme Enfold generell der Fall ist, denn auch wenn man die Kriesi-Seite auf dem Iphone aufruft und sich diese Fusszeile anschaut, liegen die Schaltflächen sehr dicht beieinander. Man kann die einzelnen Seiten kaum treffen. Google bemängelt dass als Qualitätskriterium für die Seite.

    Da Goggle das macht, denke ich hat das auch Auswirkungen auf die Beurteilung für das Ranking. Genau weiß ich das aber nicht.

    Meine Frage nun; Wie kann ich die Schriftgröße genau in dieser letzten Zeile ändern, oder das irgendwie neu anlegen, damit die Flächen etwas weiter auseinander liegen.

    Grüße
    Jörg

    October 15, 2019 at 1:00 pm #1148053
    chrishilli

    Hi Jörg!

    Das ist simples CSS und z.B. über Firefox und Web-Entwickler kannst du jede Class oder ID herausfinden.

    Probiere mal das in deiner Qick-CSS: #socket {font-size: 20px!important;}
    Schriftgröße 20px ist nur damit du mal den Unterschied siehst.

    lg

    Christian

    October 15, 2019 at 1:27 pm #1148067
    protrend

    Hi Christian,

    verstanden, Schriftgröße ist jetzt zwar größer, aber immer noch klebt alles auf den Mobiles zu dicht aufeinander. Es ist kaum möglich, die einzelnen Seiten zu treffen.
    Siehe hier:
    https://www.dampfsauger24.de

    Grüße
    Jörg

    October 15, 2019 at 1:37 pm #1148071
    chrishilli

    Hallo Jörg!

    Ich werde dir jetzt nicht die ganze Seite anpassen, aber das müsste helfen:
    #socket a {line-height: 2em;}
    Mit dem 2em kannst du spielen (z.B. 1.5em) oder Pixelwerte wie 20px einsetzen.
    Line-height heißt nur Zeilenabstand und das ist das Problem bei dir, glaube ich?!?
    Das “a” bedeutet das es nur auf Links angewendet wird.

    lg

    Christian

    October 16, 2019 at 5:54 pm #1148548
    Victoria

    Hi protrend,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
  #socket .sub_menu_socket li {
      padding: 10px 10px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.