Responsive Website nicht richtig angezeigt

  • Gelöst briante

    (@briante)


    vor 12 Monaten

    Hallo,

    ich bin komplett neu in diesem Bereich und habe nur sehr wenig Erfahrung in der Website-Erstellung. Daher habe ich eine Frage.

    Vor Kurzem habe ich ein Tutorial befolgt, um eine Website zu erstellen, und habe das „Hello Elementor“ Theme als Grundlage verwendet. Dabei habe ich dieses Video befolgt: Link zum Video

    Nun habe ich das Problem, dass die Website im Editor korrekt angezeigt wird, jedoch auf Handys oder Tablets nicht richtig funktioniert. Wenn man die Website auf dem Handy öffnet, kann man herauszoomen, und der Header bzw. das Menü erstreckt sich, was so nicht sein sollte.

    Ich benutze Bluehost als Hosting-Anbieter und Elementor als Editor.

    Falls weitere Informationen benötigt werden, stehe ich gerne zur Verfügung.

    Vielen Dank.

    Gruß, Giovanni

    • Dieses Thema wurde geändert vor 12 Monaten von briante.

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 7 Antworten – 1 bis 7 (von insgesamt 7)
  • Moderator Bego Mario Garde

    (@pixolin)

    vor 12 Monaten

    Probier mal, was sich mit folgender zusätzlicher CSS-Regel ändert:

    .elementor > .e-parent {
  overflow: hidden;
}
    Thread-Starter briante

    (@briante)

    vor 12 Monaten

    Wo füge ich die Regeln denn ein? Elementor Pro besitze ich nicht.

    Moderator Bego Mario Garde

    (@pixolin)

    vor 12 Monaten

    Design > Customizer > Zusätzliches CSS.

    Thread-Starter briante

    (@briante)

    vor 11 Monaten, 4 Wochen

    Oh ja, jetzt sieht es schon viel besser aus. Allerdings befindet sich jetzt ein weißer Rand in der mobilen Version. Weißt jemand wie den weg bekomme?

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 11 Monaten, 4 Wochen

    Hallo,
    teste mal bitte die folgende CSS-Regel:

    .elementor-86 .elementor-element.elementor-element-cf2ec46 {
    --width: unset;
}

    Allerdings hast du in dem Fall links und rechts keinen Rand. Einfach mal testen, z. B. 

    .elementor-86 .elementor-element.elementor-element-cf2ec46 {
    --width: 95%;
}

    An sich sollte irgendeine Einstellung unter Design > Customizer das Problem aber auch ohne CSS lösen. Ich verwende allerdings Elementor nicht und kann dir da nicht helfen.

    Viele Grüße
    Hans-Gerd

    Moderator Bego Mario Garde

    (@pixolin)

    vor 11 Monaten, 4 Wochen

    An sich sollte irgendeine Einstellung unter Design > Customizer das Problem aber auch ohne CSS lösen.

    Üblicherweise entsteht dieser scrollbare Bereich durch falsche Abmessungen eines einzelnen Elementor-Widgets. Die aufwendigere Alternative wäre, die Widgets alle einzeln durchzugehen und die Abmessungen (insbesondere für Darstellung auf Smartphones und Tablets) durchzugehen. Die von mir anfangs genannte CSS-Regel ist eigentlich nur ein Workaround, um diesen Aufwand zu sparen.

    Moderator Bego Mario Garde

    (@pixolin)

    vor 11 Monaten, 4 Wochen

    Da inzwischen ein Maintenance-Bildschirm angezeigt wird, die Ursache des Problems besprochen und ein Workaround angeboten wurde, markiere ich den Thread als „gelöst“.

Ansicht von 7 Antworten – 1 bis 7 (von insgesamt 7)
  • Das Thema „Responsive Website nicht richtig angezeigt“ ist für neue Antworten geschlossen.