Blog Insert / Mobile Darstellung

Servus zusammen,

ich habe das Layout "Top Responsive". Der Blog Artikel (Aufmacher mit Insert), geht bei der Mobilen Ansicht über den Rand und ist nicht fixiert

margin-left: 0;

margin-right: 0;

Ich hab's mit dem CSS Style versucht, geht bei dem Layout aber nicht:

<style>
  @media screen and (max-width: 640px) {
  .zpblogartikel img.blogaufmacher.extended {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.zpblogartikel .bloginsert {
    position: relative;
    z-index: 2;
    background-color: #f4f4f4;
    padding: 30px 30px;
    margin-right: 0%;
    margin-left: 0%;
    margin-top: -30px;
    margin-bottom: 30px;
    }
  }
</style>

Was ich ich machen. Im Screenshot seht ihr den Wackepudding. Ich hoffe, dass bei der neuen ZP Version das Problem behoben ist.

Beispielseite: News | Die neue Hit-Single "Dafür sind Freunde da" von Daniel Sommer (deineschlagerwelt.de)

VG Mirco

Zitat von Steffen T.

Ursache ist das Breadcrumb im Footer.

Da kannst Du folgendes CSS einfügen:

Code

<style>
#breadcrumb a {
    white-space: normal;
}
</style>

Oder diesen komischen langen Dateinamen kürzen:

news-daniel-sommers-neue-hit-single-dafuer-sind-freunde-da-ist-eine-hommage-an-die-freundschaft.php

Sehr schön, vielen Dank!