Title: [Hatch Theme] Front Page slider funktioniert nicht in Chrome/safari
Last modified: 5. Dezember 2016

---

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

 *  [paulto16](https://de.wordpress.org/support/users/paulto16/)
 * (@paulto16)
 * [vor 9 Jahren, 10 Monaten](https://de.wordpress.org/support/topic/hatch-theme-front-page-slider-funktioniert-nicht-in-chromesafari/)
 * 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](http://www.paultoetzke.com)
 * Bin über jede Art von Hilfe dankbar!
    Paul

Ansicht von 12 Antworten – 1 bis 12 (von insgesamt 12)

 *  Moderator [Marcus Spanier](https://de.wordpress.org/support/users/espiat/)
 * (@espiat)
 * [vor 9 Jahren, 10 Monaten](https://de.wordpress.org/support/topic/hatch-theme-front-page-slider-funktioniert-nicht-in-chromesafari/#post-34768)
 * Problem gelöst?
 *  Themenersteller [paulto16](https://de.wordpress.org/support/users/paulto16/)
 * (@paulto16)
 * [vor 9 Jahren, 10 Monaten](https://de.wordpress.org/support/topic/hatch-theme-front-page-slider-funktioniert-nicht-in-chromesafari/#post-34806)
 * Nein, leider noch nicht. Irgendwie sieht die Frontpage in jedem Browser anders
   aus. Das betrifft die Slideshow aber auch die margins…
 *  Moderator [Marcus Spanier](https://de.wordpress.org/support/users/espiat/)
 * (@espiat)
 * [vor 9 Jahren, 10 Monaten](https://de.wordpress.org/support/topic/hatch-theme-front-page-slider-funktioniert-nicht-in-chromesafari/#post-34814)
 * Hi. Kann es sein, dass nur du den Fehler siehst, weil du ein Cache-Plugin einsetzt?
 * Ich sehe in FF und Chrome gar keinen Slider.
 *  Themenersteller [paulto16](https://de.wordpress.org/support/users/paulto16/)
 * (@paulto16)
 * [vor 9 Jahren, 10 Monaten](https://de.wordpress.org/support/topic/hatch-theme-front-page-slider-funktioniert-nicht-in-chromesafari/#post-34815)
 * Hm.. Was wäre das denn für ein Plugin? Ich schaue mal.
 * Ich habe das home.php im child-theme extra angepasst und wiegesagt, bei mir in
   firefox funktioniert die slide-show auch. In den anderen browsern wird einfach
   nur das erste Foto der SLideshow als Standbild angezeigt.. Das home.php sieht
   so aus:
 * <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>
 * Aber wenn ich mich im Moment bei /wp-admin einloggen will, kommt diese 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 1179
 * Weißt du vielleicht, wie ich dieses header-Problem lösen kann?
    Danke!
 *  Moderator [Marcus Spanier](https://de.wordpress.org/support/users/espiat/)
 * (@espiat)
 * [vor 9 Jahren, 10 Monaten](https://de.wordpress.org/support/topic/hatch-theme-front-page-slider-funktioniert-nicht-in-chromesafari/#post-34816)
 * 1. Cache: Ja. Du hast ein „Endurance Page Cache“ Plugin aktiv. Das könntest du
   mal während der Tests ausschalten.
 * 2. Du hast einen Javascript Fehler lt. Browserkonsole. Poste bitte mal den Quelltext
   indem du den Code hier per „code“ einfügst. Der ist nämlich jetzt möglicherweise
   verfälscht.
 * 3. Was du als erstes lösen solltest: Warning: Cannot modify header information
 * Und zwar hiermit: [https://de.wordpress.org/support/topic/cannot-modify-header-information-%E2%80%93-headers-already-sent/](https://de.wordpress.org/support/topic/cannot-modify-header-information-%E2%80%93-headers-already-sent/)
 *  Themenersteller [paulto16](https://de.wordpress.org/support/users/paulto16/)
 * (@paulto16)
 * [vor 9 Jahren, 10 Monaten](https://de.wordpress.org/support/topic/hatch-theme-front-page-slider-funktioniert-nicht-in-chromesafari/#post-34817)
 * Okay, danke!
 * 1. Cache PLugin habe ich ausgeschaltet
    2. Hier ist der Quelltext als code:
 *     ```
       <?php do_atomic( 'open_masthead' ); // hatch_open_masthead ?>
   
       		<?php $hatch_author_bio = hybrid_get_setting( 'hatch_author_bio' ) ? hybrid_get_setting( 'hatch_author_bio' ) : '1'; ?>
   
       		<div id="author-bio"><?php the_author_meta( 'description', $hatch_author_bio ); ?></div>
   
       		<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>
       ```
   
 * 3. Ich habe ein Leerzeichen in functions.php in Zeile 8 gelöscht. Aber in der
   Zeile 1179 in /wp-includes/pluggeable.php habe das hier gefunden:
 *  `header("Location: $location", true, $status);`
 *  Moderator [Marcus Spanier](https://de.wordpress.org/support/users/espiat/)
 * (@espiat)
 * [vor 9 Jahren, 10 Monaten](https://de.wordpress.org/support/topic/hatch-theme-front-page-slider-funktioniert-nicht-in-chromesafari/#post-34820)
 * Die /wp-includes/pluggeable.php ist eine Core Datei. Diese nicht anfassen bzw.
   ändern.
 * Hast du auch alle Leerzeichen am Anfang und Ende der functions.php entfernt?
   
   Klappt das einloggen nun?
 * Nachdem das Cacheplugin deaktiviert ist, läuft der Slider im FF. Jedoch scheinen
   aber die Cachedateien noch irgendwo zu liegen bzw. der Browser greift noch darauf
   zu. Aktiviere mal das Cacheplugin, lösche dann den Cache und deaktiviere es wieder.
 * Da es nun im FF läuft, gehe ich nun davon aus, dass das Cacheplugin den Fehler
   verursacht hat.
 *  Themenersteller [paulto16](https://de.wordpress.org/support/users/paulto16/)
 * (@paulto16)
 * [vor 9 Jahren, 10 Monaten](https://de.wordpress.org/support/topic/hatch-theme-front-page-slider-funktioniert-nicht-in-chromesafari/#post-34822)
 * Ja, danke das einloggen klappt.
 * Ich hab das Cacheplugin aktiviert, den Cache gelöscht und wieder deaktiviert.
   Aber jetzt ist ist der header plötzlich unter dem Text. Und in Chrome läuft die
   Slideshow immer noch nicht.
 * Außerdem ist das Menü auf Chrome anders. Es gibt nicht diese > um zu den Untermenüpunkten
   zu gelangen. Außerdem sind die Titel der Untermenüpunkte in mehrere Zeilen aufgeteilt.
   In Firefox sind sie in einer Zeile. Also es scheint, als stimmt irgendetwas mit
   den margins nicht…
 * Ich würde gerne auch die Header-Slideshow etwas vom Text nach rechts rücken, 
   sodass sie am T von ABOUT endet.
 * Im style.css von hatch sieht das so aus:
 *     ```
       /* Home page 
       -------------------------------------------------------------- */
       #masthead{
       	width: 100%;
       	float: left;
       	margin-bottom: 40px;
       }
       #author-bio {
       	float: left;
       	width: 26.65957446808511%;
       }
       #header-banner {
       	width: 68.08510638297872%;
       	float: left;
       }
       #header-banner img {
       	max-width: 100%;
       }
       ```
   
 *  Themenersteller [paulto16](https://de.wordpress.org/support/users/paulto16/)
 * (@paulto16)
 * [vor 9 Jahren, 10 Monaten](https://de.wordpress.org/support/topic/hatch-theme-front-page-slider-funktioniert-nicht-in-chromesafari/#post-34827)
 * Das Problem besteht übrigens nur auf der Frontpage. Geht man in Chrome oder Safari
   auf eine andere Seite im Menü, werden danach auch die Untermenüpunkte richtig,
   also wie in Firefox, angezeigt…
 *  Moderator [Marcus Spanier](https://de.wordpress.org/support/users/espiat/)
 * (@espiat)
 * [vor 9 Jahren, 10 Monaten](https://de.wordpress.org/support/topic/hatch-theme-front-page-slider-funktioniert-nicht-in-chromesafari/#post-34835)
 * Du hast das Cache Plugin wieder angeschaltet? Jetzt sieht man die Slideshow wieder
   nicht – in allen Browsern.
 * Pfeile: Auf den Unterseiten haben die Obermenüpunkte zusätzlich die Klasse „sf-
   with-ul“ – daher die Pfeile.
 * Rechtsbündigkeit: Wenn du folgendes bei #header-banner den float änderst in right
   anstatt left, dann sollte es dieses Problem lösen:
 *     ```
       #header-banner {
           float: right;
           width: 68.0851%;
       }
       ```
   
 *  Themenersteller [paulto16](https://de.wordpress.org/support/users/paulto16/)
 * (@paulto16)
 * [vor 9 Jahren, 10 Monaten](https://de.wordpress.org/support/topic/hatch-theme-front-page-slider-funktioniert-nicht-in-chromesafari/#post-34837)
 * Ne, ich hatte das Plugin nur kurz aktiviert, den Cache geleert und wieder deaktiviert–
   wie du gesagt hast. Also das Plugin ist abgeschaltet und trotzdem sieht man die
   SLideshow nicht…
 * Was ich mit den Pfeilen nur sagen wollte, ist das nur die Frontpage in den verschiedenen
   Browsern anders aussieht und auf den anderen Seiten das Layout überall gleich
   ist. Das verstehe ich nicht ganz. Zum Beispiel wollte ich gestern die Seite vorübergehend
   mit einem Plugin auf „coming soon“ oder so etwas stellen und das hat auf allen
   Seiten außer auf der Frontpage geklappt – die wurde weiterhin angezeigt…
 * Das mit der Rechtsbündigkeit probiere ich sofort. Danke!
 *  Moderator [Marcus Spanier](https://de.wordpress.org/support/users/espiat/)
 * (@espiat)
 * [vor 9 Jahren, 10 Monaten](https://de.wordpress.org/support/topic/hatch-theme-front-page-slider-funktioniert-nicht-in-chromesafari/#post-34838)
 * Dein Cacheplugin schiesst da irgendwie quer und das wird der Grund sein, warum
   dein Slider nicht funktioniert, wenn es angeschaltet ist oder dessen Dateien 
   geladen werden. Schaue mal in der Doku des Cacheplugins nach, wo dort alles noch
   Cachedateien sein können, die du löschen musst.
    Ausserdem in der wp-config.php
   den wp_cache auf false stellen.
 * `define('WP_CACHE', false);`
    -  Diese Antwort wurde vor 9 Jahren, 10 Monaten von [Marcus Spanier](https://de.wordpress.org/support/users/espiat/)
      geändert.

Ansicht von 12 Antworten – 1 bis 12 (von insgesamt 12)

 Das Thema „[Hatch Theme] Front Page slider funktioniert nicht in Chrome/safari“
ist für neue Antworten geschlossen.

## Schlagwörter

 * [browser](https://de.wordpress.org/support/topic-tag/browser/)
 * [front page](https://de.wordpress.org/support/topic-tag/front-page/)
 * [hatch theme](https://de.wordpress.org/support/topic-tag/hatch-theme/)
 * [header](https://de.wordpress.org/support/topic-tag/header/)
 * [Slider](https://de.wordpress.org/support/topic-tag/slider/)

 * In: [Themes](https://de.wordpress.org/support/forum/themes/)
 * 12 Antworten
 * 2 Teilnehmer
 * Letzte Antwort von: [Marcus Spanier](https://de.wordpress.org/support/users/espiat/)
 * Letzte Aktivität: [vor 9 Jahren, 10 Monaten](https://de.wordpress.org/support/topic/hatch-theme-front-page-slider-funktioniert-nicht-in-chromesafari/#post-34838)
 * Status: nicht gelöst

## Themen

### Beliebteste Themen

### Unbeantwortete Themen

### Nicht-Support-Themen

### Gelöste Themen

### Ungelöste Themen

### Alle Themen