Theme Graphene - Slideshow im Header um ein paar Pixel nach unten verrutscht - nur bei Firefox nicht

Hallo,

ich habe ein etwas komisches Problem, das mich nun einige Tage an Ursache und Lösung finden und rumprobieren gekostet hat. Verzweifelt wende ich mich nun an euch.

Ich verwende das Theme Graphene für meine Website http://www.kbgw.de



Beim Basteln der Website habe ich zum Testen immer den Browser Firefox verwendet. Die Seite erscheint in Firefox genau so wie ich sie haben möchte. Nun kommt es. Als ich mehr zufällig die Seite mal in Chrome geöffnet habe fiel ich aus allen Wolken. Ich habe über das Header-Widget eine kleine Slideshow in den Header des Themes eingebaut. Diese Slideshow ist in Chrome um einige Pixel nach unten versetzt. Beim Edge-Browser und auf meinem Tablet und auf meinem Handy übrigens auch. Wie gesagt, nur bei Firefox ist alles ok.



Ich habe beim Erstellen der Website ein paar Änderungen an der style.css vorgenommen. Um ausschließen zu können, dass da etwas schief gelaufen ist habe ich das Graphene-Theme auch schon mal komplett neu installiert, ohne Anpassungen. Leider der selbe Fehler.

Kann mir vielleicht jemand von euch sagen, an was dieses Phänomen liegen könnte? Ich bin, wie gesagt, schon einige Tage am rumprobieren.

Herzlichen Dank im Voraus.

SpeedyBP

 

Hallo Henk1060,

vielen Dank für deine schnelle Antwort.

Das soll ja auch so sein. Die Bilder in dem Slider sind 1080 x 200 Pixel groß und damit soll der Header auch so groß sein.

Du meinst schon die style.css. Da finde ich nämlich nur:

#header {
max-height: 250px;
}

 

Nein ich habe in der header.php nichts geändert.

Ich füge dir mal den Teil der header.php an, der mit <div id="header" class="row"> beginnt. Vielleicht kannst du mir bitte sagen WO ich da WAS ändern muss. Das was du in deiner Antwort geschrieben hast finde ich nämlich nicht.

<div id="header" class="row">

<?php
if ( ! $graphene_settings['slider_as_header'] ) graphene_header_image();
else do_action( 'graphene_header_slider' );
?>

<?php graphene_container_wrapper( 'start' ); ?>
<?php
if ( ! $graphene_settings['slider_as_header'] && ! is_front_page() && $graphene_settings['link_header_img'] ) {
echo '<a href="' . apply_filters( 'graphene_header_link' , home_url() ) . '" id="header_img_link" title="' . esc_attr__( 'Go back to the front page', 'graphene' ) . '">&nbsp;</a>';
}

/* Header widget area */
if ( $graphene_settings['enable_header_widget'] && is_active_sidebar( 'header-widget-area' ) ) {
echo '<div class="header-widget">'; dynamic_sidebar( 'header-widget-area' ); echo '</div>';
}

do_action( 'graphene_header' );
?>
<?php graphene_container_wrapper( 'end' ); ?>
</div>

 

Danke nochmal.

Das komische ist nur, wie schon oben erwähnt, dass im Firefox alles richtig angezeigt wird und bei anderen Browsern nicht.

Hat vielleicht dazu noch einer eine Idee?

Ich bin echt am verzweifeln. Ich bin Anfänger und bin echt stolz auf meine Website. War für mich sehr viel Arbeit. Und nun wird sie NUR in Firefox richtig angezeigt. Chrome-Nutzer z.B. sagen, "Das hat er aber schlecht gemacht".

Bin für jede Hilfe dankbar.

 

Da hast du natürlich recht.
Wenn ich über den Customizer ein Header-Bild einfüge und das Slider-Widget rausnehme, wird das Bild auf allen Browsern richtig angezeigt.
Warum gibt es dann aber unter Widgets ein Widget Namens "Graphene - Header" und warum funktioniert es im Firefox und bei den anderen nicht?.

 

Hallo,

bin grade erst nach Hause gekommen. Deshalb melde ich mich erst jetzt wieder.

Also, erst mal vielen, herzlichen Dank für vielen tollen Antworten.

Ich habe mal die Zeilen:

#header > img {
display: none;
}

im Customizer unter "Zusätzliches CSS" eingefügt und siehe da, der Slider wird nun auch in Chrome, in Edge, usw. korrekt im Header angezeigt.
Vielen, vielen Dank b3317133.

Du schreibst aber auch:

Wenn du mir jetzt noch sagen kannst, in welcher Datei ich wo genau etwas korrigieren bzw. entfernen muss, dann flip ich aus vor lauter Glück.
Wie gesagt, ich suche schon seit Tagen eine Lösung und dann muss man nur 3 Zeilen CSS eingeben und es funktioniert.

 

Hallo b3317133,

meine functions.php hat aber nur 55 Zeilen und der von dir genannte Code ist da auch nicht zu finden.

Soll ich den Inhalt der functions.php mal hier posten?

 

Habe deine Anleitung befolgt und im Seitenquelltext steht nun tatsächlich <img test="1" src="" alt="" title="" />

Das bringt uns zwar ein Stück weiter, aber ich traue mich gar nicht zu fragen ob du mir da weiterhin helfen willst.
Ich habe nämlich keine Ahnung wie ich eine "entspr. Abfrage bzw. einen Bugfix für das Theme erstellen" soll.

Ich bin dir nicht böse wenn du nicht mehr willst. Dann lasse ich es halt mit

#header > img {
display: none;
}

im "Zusätzlichen CSS". Funktioniert ja.

 

Nein, der Code <img test="1" src="" alt="" title="" /> erscheint dann nicht mehr im Seitenquelltext.

Der Code <img src="" alt="" title="" /> allerdings auch nicht.

 

Hab gerade das "Zusätzliche CSS" rausgenommen und die Seite in Chrome, Edge, etc. aufgerufen. Es wird alles korrekt angezeigt.

Ich kann es nicht glauben. War es das?