Header Responsiv richtig einstellen

[Steffen517]

Hallo Zusammen,

ich habe das Problem das sich eine Header nicht richtig Positioniert bei der Smartphone Darstellung, Tablet und Desktop sind gut eingestellt.
Ich verwende das Nature Theme.
Hier der Link zu der Seite (noch im Aufbau, deshalb nur eine Subdomain) www.contao.pfadfinder-gadeland.com .
Ich bin leider nicht so extrem versiert und mache das ganze ehrenamtlich, bitte seid etwas nachsichtig mit mir.
Ich nehme auch gerne Links wo ich mich reinlesen kann.
Vielen Dank schonmal im vor raus.

Steffen

[magicsepp]

Willkommen Steffen und ein gutes Neues

kannst Du mal bitte folgendes in die custom.scss einfügen.

.header-image .hero-body {
  padding-top: 100px !important;
}

[Steffen517]

Willkommen Steffen und ein gutes Neues

kannst Du mal bitte folgendes in die custom.scss einfügen.

.header-image .hero-body {
  padding-top: 100px !important;
}

Hallo magicsepp,

auch dir ein Frohes neues.
Ich habe deine Änderungen eingegeben.
Leider hat sich an der Situation nichts geändert, sobald ich die Seite mit einem Smartphone aufrufe, werden der Text im Header auf eine zu kleine Breite geschrumpft.
Danke dir aber für dein Hilfe.

Gruß Steffen

[magicsepp]

Hallo Steffen,

ganz so seh ich das hier nicht (siehe Bild), aber könnte daran liegen das viele css tags verwendet werden und die Überschrift anstatt h1 nur h2 verwendet - meiner Meinung nach können da ein paar der CSS Tags davon weg

large-headerimage
has-text-centered <-- ist schon für hero so (doppelt)
is-5-mobile <-- nur knapp die hälfte der Bilddchirmbreite (unnötig)
is-offset-5-mobile <-- da wird der Paltz eingeschränkt (unnötig)

letztendlich ist auch die Hintergrundgrafik riesig (im Nature Theme wird verwendet 2048px x 1536px) dein Hintergrundbild hat 5.948px × 1.876px
IMG_4934.jpg

Hoffe damit lässt sich das dann lösen.

[Steffen517]

Hallo magicsepp,

danke für die Hilfe, es hatte einfach nur an der Größe gelegen.
Kleine Dinge aber große Wirkung.

Gruß Steffen