Title: Produktdetailseite wird nicht in voller Breite angezeigt
Last modified: 29. September 2019

---

# Produktdetailseite wird nicht in voller Breite angezeigt

 *  Gelöst [timtimtim232](https://de.wordpress.org/support/users/timtimtim232/)
 * (@timtimtim232)
 * [vor 7 Jahren](https://de.wordpress.org/support/topic/produktdetailseite-wird-nicht-in-voller-breite-angezeigt/)
 * Hi
 * Wenn man auf der Shopseite ein Produkt anklickt und auf die Produktdetailseite
   kommt, wird diese einfach nicht in voller Breite angezeigt.
 * Ich benutze den Browser Firefox. Als Theme benutze ich Divi und für den Shop 
   Woocommerce. Die Seitenbreite habe ich standartmässig auf volle Breite eingestellt(
   funktioniert auch auf jeder anderen Seite). Ich habe es auch mit Codeschnipsel
   wie unten aufgeführt im zusätzlichen CSS versucht.
 * body .site {
    max-width: 100%; }
 * Falls mir hier jemand helfen kann, freue ich mich sehr! 🙂
 * Freundliche Grüsse
    Tim
 * Die Seite, für die ich Hilfe brauche: _[[Anmelden](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fde.wordpress.org%2Fsupport%2Ftopic%2Fproduktdetailseite-wird-nicht-in-voller-breite-angezeigt%2F%3Foutput_format%3Dmd&locale=de_DE),
   um den Link zu sehen]_

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

 *  Moderator [Bego Mario Garde](https://de.wordpress.org/support/users/pixolin/)
 * (@pixolin)
 * Moderator (nicht mehr aktiv)
 * [vor 7 Jahren](https://de.wordpress.org/support/topic/produktdetailseite-wird-nicht-in-voller-breite-angezeigt/#post-70551)
 * Zu den Einstellungsmöglichkeiten eines gekauften Themes kann ich dir nichts sagen,
   weil es mir nicht zur Verfügung steht. Als Workaround könntest du im Customizer
   unter Zusätzliches CSS folgende CSS-Regel einfügen:
 * `.product-template-default .container { width: 100%; }`
 *  Themenersteller [timtimtim232](https://de.wordpress.org/support/users/timtimtim232/)
 * (@timtimtim232)
 * [vor 7 Jahren](https://de.wordpress.org/support/topic/produktdetailseite-wird-nicht-in-voller-breite-angezeigt/#post-70569)
 * Danke für die schnelle Antwort!
 * Ich habe dies versucht und witzigerweise wird es in der Customizeransicht richtig
   also in voller Breite dargestellt. Allerdings nur bei genau dieser Schreibweise,
   wenn ich „max-width“ anstatt nur „width“ schreibe, ist die Ansicht nicht mehr
   in voller Breite.
 * Leider bleibt die Ansicht bei der richtigen Schreibweise nur im Customizer so.
   Auf der öffentlichen Website wird die Seite immernoch nicht voller Breite angezeigt.
 * Ich werde sonst beim Themesupport nachfragen, trotzdem danke für die Hilfe!
 * Gruss Tim
 *  Moderator [Bego Mario Garde](https://de.wordpress.org/support/users/pixolin/)
 * (@pixolin)
 * Moderator (nicht mehr aktiv)
 * [vor 7 Jahren](https://de.wordpress.org/support/topic/produktdetailseite-wird-nicht-in-voller-breite-angezeigt/#post-70570)
 * Komisch, wenn ich die genannte URL jetzt aufrufen, wird der Hintergrund in voller
   Breite dargestellt. Hast du mal den Browser-Cache geleert?
    Du könntest auch 
   nochmal `.product-template-default #main-content .container { width: 100%; }`
   probieren.
 * `max-width` und `width` sind recht unterschiedliche Dinge.
 * Gebe ich z.B. an
 *     ```
       .container {
         width:     800px;
         max-width: 80%;
       }
       ```
   
 * dann wird er auf großen Displays mit 800 Pixeln Breite ausgegeben, auf kleineren
   Displays mit weniger als 1.000 Pixeln Breite jedoch nur maximal bis zu 80% der
   Fensterbreite.
 * Eine gute Einführung in CSS findest du [hier](https://developer.mozilla.org/de/docs/Web/Guide/CSS/Getting_started).
 *  Themenersteller [timtimtim232](https://de.wordpress.org/support/users/timtimtim232/)
 * (@timtimtim232)
 * [vor 7 Jahren](https://de.wordpress.org/support/topic/produktdetailseite-wird-nicht-in-voller-breite-angezeigt/#post-70574)
 * Das ist wirklisch komisch.
 * Ich habe jetzt den Browser-Cache geleert und den Codeschnipsel angepasst. Jedoch
   hat sich leider nichts verändert. Ich habe die Seite auch in mehreren Browsern
   geöffnet.
 * Danke für die Erklärung und den Link! 🙂
 *  Moderator [Bego Mario Garde](https://de.wordpress.org/support/users/pixolin/)
 * (@pixolin)
 * Moderator (nicht mehr aktiv)
 * [vor 7 Jahren](https://de.wordpress.org/support/topic/produktdetailseite-wird-nicht-in-voller-breite-angezeigt/#post-70578)
 * Auf sehr großen Displays greifen noch andere CSS-Regeln, die die maximale Breite
   des angezeigten Containers beschränken. Du kannst zusätzlich zu den genannten
   CSS-Regeln noch
 *     ```
       .product-template-default #main-content .container {
           max-width: none;
       }
       ```
   
 * probieren.
 * Höchstwahrscheinlich bietet das Theme dafür auch eine Einstellungsmöglichkeit
   im Customizer. Da ich das Theme aber nicht habe, kann ich das nicht nachschauen.
 *  Themenersteller [timtimtim232](https://de.wordpress.org/support/users/timtimtim232/)
 * (@timtimtim232)
 * [vor 7 Jahren](https://de.wordpress.org/support/topic/produktdetailseite-wird-nicht-in-voller-breite-angezeigt/#post-70580)
 * Mit diesem zusätzlichen Codeschnipsel hat es funktioniert!
 * Sehr grossen Dank!
    😀

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

 Das Thema „Produktdetailseite wird nicht in voller Breite angezeigt“ ist für neue
Antworten geschlossen.

## Schlagwörter

 * [produktdetailseitenbreite](https://de.wordpress.org/support/topic-tag/produktdetailseitenbreite/)

 * In: [Allgemeine Fragen](https://de.wordpress.org/support/forum/allgemeine-fragen/)
 * 6 Antworten
 * 2 Teilnehmer
 * Letzte Antwort von: [timtimtim232](https://de.wordpress.org/support/users/timtimtim232/)
 * Letzte Aktivität: [vor 7 Jahren](https://de.wordpress.org/support/topic/produktdetailseite-wird-nicht-in-voller-breite-angezeigt/#post-70580)
 * Status: gelöst

## Themen

### Beliebteste Themen

### Unbeantwortete Themen

### Nicht-Support-Themen

### Gelöste Themen

### Ungelöste Themen

### Alle Themen