Containerbreite identifizieren

Question

Ich benötige Unterstützung bei der Suche nach CSS-Zeilen, die geändert werden müssen, um die Breite des Hauptinhaltscontainers bei kleineren Bildschirmgrößen zu erhöhen. Das Problem, das ich habe, ist, dass bei kleineren Bildschirmbreiten der Inhalt nicht auf die Breite des Bildschirms erstreckt. Stattdessen gibt es einen ziemlich breiten rechten Rand. Ich möchte den Inhalt von der linken Seite des Bildschirms nach rechts erweitern, um den Bildschirmplatz besser zu nutzen. Kann mir jemand sagen, welche Codezeile ich ändern muss, um das zu beheben? Vielen Dank!

Die Seite ist - https://www.shiftins.com

Answer 1

In styles.css, Linie 2982:

.content, 
.content-sidebar-sidebar .content, 
.content-sidebar-sidebar .content-sidebar-wrap, 
.sidebar-content-sidebar .content, 
.sidebar-content-sidebar .content-sidebar-wrap, 
.sidebar-primary, 
.sidebar-secondary, 
.sidebar-sidebar-content .content, 
.sidebar-sidebar-content .content-sidebar-wrap { 
    width: 100%; 
} 

On line 1552:

.page.sidebar-content .entry { 
    padding: 40px 40px 40px 0; 
} 

Combined, diese produzieren die Wirkung Sie‘ re sehen.

Durch Ändern der zweiten Regel in padding: 40px 0 40px 0; wird das große rechte Padding entfernt, das Formular wird jedoch weiterhin abgeschnitten. Das Formular ist in einem iframe enthalten und ist auf 500px breit festgelegt. Basierend auf der Struktur, nehme ich an, dass die Form außerhalb Ihrer Kontrolle liegt. Wenn Sie der zweiten Regel min-width:500px; hinzufügen, wird die Seitenbreite breiter als auf dem Bildschirm, das Ausschneiden des Formulars wird jedoch verhindert.