OnePress - Abstand zwischen Menü und Hero-Bereich verändern

Sobald man nach dem Laden der Seite das Browserfenster z.B. in der Breite verändert, ist der "Hero" Bereich dort wo er hinsoll.

Der Grund dafür: Das [FONT=Courier New]div[/FONT] Element mit der Klasse [FONT=Courier New]followWrap[/FONT] hat nach dem Laden eine sehr hohe inline CSS Höhe, so dass der "Hero" nach unten rutscht und erst nach Browser-Resize wird die inline Höhe über irgendein Script / Event angepasst.

Deaktiviere alle unnötigen Plugins um ggf. Wechselwirkungen auszuschliessen. Falls das kein Ergebnis bringt, wende Dich dann am besten an die Person, die den Website eingerichtet hat oder an Theme Support z.B. hier oder hier.

Mit diesem Problem solltest du dich vielleicht an den Entwickler wenden, denn JavaScript gesteuert wird hier einem

<div class="followWrap" style="height: 1185px;">

die Höhe von 1185px zugewiesen... das bewirkt den große Abstand!
Richtig wäre hier eine Höhe von 197px.
Leider - und das ist es, was dieses JavaScript bewirken soll - passt 197px nur bei einer Displaybreite von größer als 1200px. und die Höhe von 'followWrap' muss je nach Breite neu eingestellt werden.
Man könnte hier mit CSS die Einstellungen manipulieren - besser allerdings wäre es die Programmierung richtig zu machen.
Wie @b3317133 schon beschrieben hat!

Du könntest als "Quick Hack" einstweilen sowas wie das hier ans Ende von [FONT=Courier New]footer.php[/FONT] des Themes (vor [FONT=Courier New]</body>[/FONT]) setzen, ungetestet, evtl. ist noch ein kleiner Timer nötig...

<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery(window).trigger('resize');
});
</script>

Am Rande bemerkt sollte man mal prüfen, ob all die Funktionen des JetPack Plugins (ausser der genannten Statistik) und auch weitere Plugins korrekt in der Datenschutzerklärung hinterlegt sind, bzw. ob das alles wie reCAPTCHA, gravatar u.ä. überhaupt nötig ist.

Wenn der Script von @b3317133 nicht den gewünschten Erfolg bringt, dann könnte folgendes CSS dir provisorisch weiter helfen - das sollte exakt das machen (mit CSS), was im Original der schlecht funktionierende JavaScript macht.

div.followWrap {
     height: 150px !important;
   }
@media screen and (min-width: 768px) {
   div.followWrap {
     height: 152px !important;
   }
  @media screen and (min-width: 992px) {
   div.followWrap {
     height: 178px !important;
   }
@media screen and (min-width: 1141px) {
   div.followWrap {
     height: 252px !important;
   }
}
@media screen and (min-width: 1200px) {
   div.followWrap {
     height: 197px !important;
   }
}

Dieses CSS bitte in das 'zusätzliche CSS' im Customizer eintragen
(vom Dashboard -> Design -> Customizer -> zusätzliches CSS)
... und am besten noch mit einem Kommentar versehen, damit du es wiederfindest und löschen kannst, wenn der Entwickler den Fehler beseitigt hat.
... ach ja, nicht vergessen! Nach der Änderung die Seite genau auf unerwünschte Nebenwirkungen überprüfen.
Sollte da was sein, einfach wieder hier melden.

Der Code, den ich gepostet habe, ist korrekt und wenn du den genau so in das zusätzliche CSS (am besten ganz ans Ende) hinein kopiert hast, dann dürfte keine Fehlermeldung kommen.
Poste hier mal den kompletten Inhalt deines 'zusätzlichen CSS'

Zitat von EmanuelRu

... Deine vorgeschlagene Lösung vielen Dank. Ich habe alles wie beschrieben umgesetzt - ... Was könnte ich falsch gemacht haben?

a) ist das keine echte Lösung sondern ein "Quick Hack" bis der Hersteller das Theme repariert, und
b) steht bereits dabei, dass ggf. noch ein Timer nötig ist, z.B. so in der Art:

jQuery(document).ready(function() {
    setTimeout(function() {
        jQuery(window).trigger('resize');
    }, 300);
});

Bei 300 kann möglicherweise auch eine höhe Zahl nötig sein, evtl. reicht auch 250, das sind Millisekunden.

Zitat von Sailor56

Der Code, den ich gepostet habe, ist korrekt

Nunja - bei den ersten beiden MediaQueries -

@media screen and (min-width: 768px) und
@media screen and (min-width: 992px)

fehlt jeweils eine abschließende geschweifte Klammer!! 2 auf, 2 zu! (siehe die beiden MediaQueries darunter)
;)

Zitat von SEpp55

fehlt jeweils eine abschließende geschweifte Klammer!! 2 auf, 2 zu! (siehe die beiden MediaQueries darunter)
;)

... uuuppsss... o_O - menno... wie war das mit dem Baum vor lauter geschweifter Klammern? Natürlich hast du (@SEpp55) Recht - die müssen da noch hin!

@EmanuelRu hier nochmal die korrigierte (toi toi toi) Version:

div.followWrap {
     height: 150px !important;
   }
@media screen and (min-width: 768px) {
   div.followWrap {
     height: 152px !important;
   }
}
  @media screen and (min-width: 992px) {
   div.followWrap {
     height: 178px !important;
   }
}   
@media screen and (min-width: 1141px) {
   div.followWrap {
     height: 252px !important;
   }
}
@media screen and (min-width: 1200px) {
   div.followWrap {
     height: 197px !important;
   }
}