# Responsive E-Mail Template

**URL:** <https://forum.shopware.com/t/responsive-e-mail-template/95793>\
**Category:** Shopware 6 (German)\
**Created:** [16. August 2022 um 08:02 UTC](https://forum.shopware.com/t/responsive-e-mail-template/95793 "2022-08-16T08:02:39Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Rekayn](https://avatars.discourse-cdn.com/v4/letter/r/ec9cab/32.png) [@Rekayn](https://forum.shopware.com/u/Rekayn)\
**Post date:** [16. August 2022 um 08:02 UTC](https://forum.shopware.com/t/responsive-e-mail-template/95793/1 "2022-08-16T08:02:39Z")

</div>

Hallo zusammen,  
aktuell bearbeite ich gerade den Header bzw. Footer des E-Mail Template. Folgenden einfachen Code verwende ich:

```auto
<style type="text/css">
    body {
        background: #d4d4cf;
    }
    
    @media all and (max-width: 700px) {  
        img {
            width: 100% !important;
            height: auto !important;
        }
        
        .footer-table {
            width: 100% !important;
        }
        
        .footer-table,
        .footer-table tbody,
        .footer-table tr,
        .footer-table td {
            width: 100% !important;
            display: block !important;
        }
        
        tbody {
            width: 100% !important;
            display: block !important;
        }
    }
}
</style>

<table cellpadding="0" cellspacing="0" border="0" bgcolor="#191919" class="footer-table" style="width: 100%" width="100%">
    <tbody>
        <tr>
            <td class="footer-column">
                dfgdfgdgfdfg
            </td>
            <td class="footer-column">
                dfgdfgdfg
            </td>
            <td class="footer-column">
                dgfdgfdfg
            </td>
        </tr>
        </tbody>
</table>

```

Jedoch wird beim Betrachten der E-Mails auf dem Smartphone die Tabelle nicht wie gewünscht einspaltig, sondern dreispaltig angezeigt. Auch zusätzliche Tabellen innerhalb von footer-column haben nicht geholfen. Hat Shopware eventuell Probleme Tabellen responsive darzustellen?

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [16. August 2022 um 12:44 UTC](https://forum.shopware.com/t/responsive-e-mail-template/95793/2 "2022-08-16T12:44:31Z")

</div>

E-Mail-Programme ignorieren teils CSS oder haben nur eine rudimentäre CSS-Implementierung.

Das hat mit Shopware nichts zu tun.