1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

[Hatch Theme] Front Page slider funktioniert nicht in Chrome/safari

Dieses Thema im Forum "Design" wurde erstellt von paulto16, 5. Dezember 2016.

  1. paulto16

    paulto16 Member

    Registriert seit:
    5. Dezember 2016
    Beiträge:
    6
    Zustimmungen:
    0
    Hi,
    ich habe ein Problem mit meiner Front Page im Hatch theme. Ich habe ein Child Theme erstellt und den header durch einen slider ersetzt. Außerdem habe ich die Position des Headers und des Bio-Texts getauscht. Das habe ich alles in firefox gemacht.
    Wenn man die Seite jetzt mit Chrome oder Safari öffnet, funktioniert der Slider nicht und der Text und das Header-Bild überschneiden sich. Das Problem ist nur auf der Front Page
    Weiß jemand, welchen Code ich da ändern muss? Das muss ja irgendetwas mit den margins zu tun haben, oder?
    Hier ist die Seite: http://www.paultoetzke.com
    Bin über jede Art von Hilfe dankbar!
    Paul
     
  2. Edi

    Edi Well-Known Member

    Registriert seit:
    26. Juli 2006
    Beiträge:
    3.728
    Zustimmungen:
    1
    Das ist leider auch mit Firefox so.

    Die Browser-Jonsole meldet einen Skript-Fehler.
     
  3. paulto16

    paulto16 Member

    Registriert seit:
    5. Dezember 2016
    Beiträge:
    6
    Zustimmungen:
    0
    Weißt du, woran das genau liegen könnte?
    Im style.css sieht es unter homepage so aus:

    /* Home page
    -------------------------------------------------------------- */
    #masthead{
    width: 100%;
    float: left;
    }
    #author-bio {
    float: right;
    width: 27.65957446808511%;
    }
    #header {
    width: 90.08510638297872%;
    float: left;
    }
    #header-banner img {
    max-width: 90%;
    }


    und das home.php habe ich für den slider angepasst:

    <div id=”header-banner” role=”banner”>

    <?php // Check to see if the header image has been removed
    $header_image = get_header_image();

    if ( ! empty( $header_image ) ) : ?>

    <?php echo do_shortcode("[metaslider id=52]");
    ?>

    <?php endif; // end check for removed header image ?>

    </div>

    <?php do_atomic( 'close_masthead' ); // hatch_close_masthead ?>

    </div>
     
  4. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Was sind das für Anführungszeichen? Du solltest mal " " testen.
     
  5. paulto16

    paulto16 Member

    Registriert seit:
    5. Dezember 2016
    Beiträge:
    6
    Zustimmungen:
    0
    Da ändert sich bei mir nichts...
     
  6. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Ich habe gerade noch mal reingesehen. Du schreibst <div id=”header-banner” role=”banner”> anstelle von <div id="header-banner" role="banner">

    Mit welchem Editor schreibst du den Code? Hoffentlich nicht mit Word.
     
  7. paulto16

    paulto16 Member

    Registriert seit:
    5. Dezember 2016
    Beiträge:
    6
    Zustimmungen:
    0
    Mit TextEdit. Ich habe das gerade nochmal ersetzt, aber ich glaube das ändert nichts.
    Trotzdem danke für den Tipp!

    Bei Firefox wird bei mir immer noch alles richtig angezeigt.. Die Slideshow funktioniert und ist auch deutlich kleiner.
    Wie könnte ich das denn auf alle Browser anpassen?
     
  8. paulto16

    paulto16 Member

    Registriert seit:
    5. Dezember 2016
    Beiträge:
    6
    Zustimmungen:
    0
    Außerdem werden bei Chrome und Safari die Menüunterpunkte (z.B. Fotos>WORLD NOMAD GAMES) in mehrereZeilen getrennt und bei Firefox passt alles in eine Zeile...
     
  9. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Schau dir den Quelltext deiner Seite an. Dort wirst du selber sehen was ich meine. Solange das nicht korrigiert ist, können wir dir nicht weiter helfen.

    Eventuell versuchst du testweise mal einen anderen Editor.
     
  10. paulto16

    paulto16 Member

    Registriert seit:
    5. Dezember 2016
    Beiträge:
    6
    Zustimmungen:
    0
    Ja, ich habe das jetzt geändert.

    Wenn ich mich über/wp-admin einloggen will kommt jetzt ein white screen mit der Nachricht: Warning: Cannot modify header information - headers already sent by (output started at /hermes/bosnaweb16a/b1583/ipg.paultoetzkecom/wp-content/themes/Hatch-Childtheme/functions.php:8) in /hermes/bosnaweb16a/b1583/ipg.paultoetzkecom/wp-includes/pluggable.php on line 1174

    Ich bin leider noch nicht so fit was das alles angeht... Hast du eine Idee, was da genau falsch läuft?
    Danke nochmal!
     
  11. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
  12. helix

    helix Well-Known Member

    Registriert seit:
    28. Juli 2011
    Beiträge:
    1.808
    Zustimmungen:
    27
    TextEdit ist normalerweise eine Application für Mac OS. Da wird Notepad++ nicht laufen.
    Der Threadersteller könnte in TextEdit in den Einstellungen das Häkchen bei „Intelligente Anführungszeichen“ rausnehmen (wer selber intelligent ist und es deswegen nicht dem Programm überlassen muss, tippt dann Wahl + ^ für Anführungszeichen öffnend und Wahl + 2 für Anführungszeichen schließend). Textmodus (Apfel + Shift + Buchstabe T schalten zwischen den Optionen um) ist hoffentlich selbstverständlich. Und mal schauen, welche Codierung zum Speichern eingestellt ist. Aber normal ist das UTF8 …
    Alternativ könnte ich z.B. TextWrangler empfehlen.

    Gruß
    helix
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden