Abschnitt und Spalten Verständnisfrage

Zur Info, die Seite sieht derzeit auch in der Desktop Ansicht defekt aus, Teile sind doppelt und Texte ganz weit linksbündig usw.

Poste zudem am besten bei Darstellungsproblemen immer auch entspr. Screenshots, was bei Dir wo genau wie "verzogen" aussieht.

Du könntest versuchen, in Elementor für die beiden Spalten bzw. das Widget darin eine [FONT=Courier New]max-width[/FONT] von [FONT=Courier New]288px[/FONT] einzustellen.

Falls das nirgends geht, könnte man für diesen speziellen Fall über Zusätzliches CSS sowas in der Art hinterlegen:

@media (max-width: 767px) {
   .elementor-element.elementor-element-9c3298d .elementor-column.elementor-col-50 {
       max-width: 288px;
       margin: 0 auto;
   }
}

Welches Bild ist verzogen? Wie gesagt, bei Darstellungsproblemen immer auch entspr. Screenshots.

Liegt evtl. an Deiner von der o.g. Änderung unabhängigen vorher schon vorhandenen Einstellung der Bildbreite in Elementor für das Bild dort:

.elementor-1510 .elementor-element.elementor-element-16902ff8 img {
   width: 100%;
   height: 199px;
   border-radius: 0px 0px 0px 0px;
}

Diese [FONT=Courier New]width[/FONT] sollte in Elementor auf [FONT=Courier New]auto[/FONT] eingestellt sein.

Zitat von KatjaMMM

Nur... ich steh an beim raus finden der Nummern. ich probier das bei Firefox > untersuchen. Aber die Nummer die du gefunden hast, finde ich nicht.

Wenn Du eine andere Spaltenanzahl hast, ändert sich auch die [FONT=Courier New]-50[/FONT] in [FONT=Courier New].elementor-column.elementor-col-50[/FONT]

Eine Linksbündigkeit im Container mit Breite [FONT=Courier New]199px[/FONT] kann ich nicht nachvollziehen.

Generell solltest Du hier wohl in Deinem Angebote Element erstmal nur das Bild generell ohne Verzerrung hinbekommen. Das Element ist augenscheinlich nicht nur in der Mobilen Ansicht verzerrt, anders als es in der ersten Beschreibung steht. Lade die Seite in einem Browser und verändere die Browserfensterbreite, um das nachzuvollziehen.

Ja, wie gesagt, finde erstmal heraus, warum das so ist und stelle feste Breite/Höhe für Dein Bild in Elementor ein. Und von da aus dann weiter. Viel Erfolg.

Zitat von KatjaMMM

ich steh an beim raus finden der Nummern.

Hier zu noch eine Anmerkung, Du kannst den betreffenden Sections natürlich auch eine eigene CSS Klasse in Elementor geben und dann diese statt der Nummern im CSS Code verwenden.