2 Layoutfragen: Abstand zwischen Banner und Top-a (Cassiopeia) & Menuleiste

Snoopsche · 29. Juli 2022

Hello,

ich mal wieder.

1. Frage:

Auf unserer Schulhomepage (http://joomla4.igshameln.de/) habe ich auf der rechten Seite noch ein Modul auf die Position sidebar-right gesetzt. Damit der breadcrumb auch komplett über die Seite angezeigt wird, habe ich diesen in die top-b Position verschoben.

Das Banner mit dem Schulgebäudebild und die Leiste mit dem social Media icons habe ich entsprechend auf die Postion banner und top-a Position gesetzt. Passt.

Jetzt habe ich aber einen Abstand zwischen dem Bild und der top-a position (social Media). Wie bekomme ich den weg mit css?

Hab im Inspektor nix gefunden.

2. Frage:

Wenn ich die Mobile Ansicht im Inspektor aktiviere, dann wird die Menuleiste bei 767px Breite höher. (mehr Gelb). Bei 768px Breite bleibt die Menuleiste auf der Höhe der Searchbar - so soll es sein, auch unter 768px . Wie kann ich das verhindern, dass er bei weniger als 768px die Höhe der Menuleiste vergrößert?

Viele Grüße

Marcel

Lui_brempt · 29. Juli 2022

zu Frage 1

Liegt an dem 2rem in:

.container-banner {

display: block;

margin: 0 0 2rem;

}

Mit gewünschten Werten in user.css eintragen.

drmenzelit · 29. Juli 2022

Damit sollten beide Probleme gelöst sein

Code

@media (max-width: 767.98px)
.container-header .container-nav .container-search,
.container-header .container-nav nav {
  margin-top: 0;
}

.container-banner {
  margin-bottom: 0;
}

Snoopsche · 29. Juli 2022

Dankeschön. Hat dann geklappt, als ich im Inspektor selbst nochmal nach dem @media margin wert gesucht habe. Das kopieren des Codes von drmenzilit hatte irgendwie nicht geklappt, obwohl mein Code im Inspektor dann genauso aussah. Einzige Änderung: margin-top: 0em;

Wie auch immer. Danke!

zu einer anderen LayoutSache komme ich später.