Layout Umbruch bei 1/2 oder 1/3 Spalten

Hey!

wir bräuchten einen präzisen Link wo wir die Element von denen du sprichst inspizieren können.

Gruß,
Andy

Hey!

versuche es mit diesem Code:

@media only screen and (min-width: 500px) {
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
width: 100%;
}
}

Passe den min-wdith Wert an, der für die Bildschirmgröße steht.

Gruß,
Andy

Hey!

ist nicht genau das was du wolltest? wenn nicht das was möchtest du dann erreichen? du kannst die media queries in meinem Code anpassen, damit er nur für bestimmte Browsergrößen greift. Verändere dann den width Wert so bis es für dich passt.

Gruß,
Andy

Hey!

kannst du bitte präziser formulieren was du möchtest? ich weiß immer noch nicht für welche Browser-Größe du genau was möchtest und kann dir daher nur sagen, dass du den max-width bzw. min-width Wert anpassen musst in den media queries. Um einen max-width Wert hinzu zu fügen, nimm diesen Code:

@media only screen and (min-width: 500px) and (max-width: 800px) {
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
width: 100%;
}
}

Gruß!
Andy

Hey!

das ist nicht wirklich präziser. Präziser ist es, wenn du uns sagst von welcher bis welcher Bildschirmgröße du was haben möchtest. Möchtest du AB 600px dieses Verhalten? oder nur BIS 600px dieses Verhalten? bitte genau formulieren was du haben möchtest. Und wie gesagt hast du jetzt den Code mit allen Werten, um genau das hinzukriegen was du möchtest. Du musst nur noch die Zahlen anpassen.

Gruß!
Andy

Hi!

versuche es mit diesem Code:

@media only screen and (max-width: 700px) {
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
width: 100%;
}
}

Wenn das nicht klappt, dann schick uns noch mal einen präzisen Link mit den entsprechenden Elementen, damit wir nicht hoch scrollen müssen, um ihn zu suchen.

Gruß,
Andy

Hey!

hm? kann auf deiner Seite nicht sehen, dass das passiert. Kannst du uns bitte Screenshots von dem Problem zeigen? verwende imgur.com oder Dropbox.

Gruß,
Andy

Hey!

komisch, das passiert bei mir nicht:

View post on imgur.com

Kannst du mal bitte Browser Cache leeren und hinterher einige Male hard refresh machen? Versuche es auch auf anderen Computern gegen zu checken. Welchen Browser und OS verwendest du?

Gruß!
Andy

Hi!

versuche es mit diesem Code im Quick CSS Feld:

@media only screen and (max-width: 800px) {
div .av_one_third {
margin-left: 0;
}

und passe den max-width Wert in den media queries entsprechend an.

Gruß,
Andy

Hi!

kannst du uns einen präzisen Link schicken zu den Elementen auf deinen Screenshots? wir müssen die Elemente inspizieren können.

Gruß,
Andy

Hi!

auf deiner Startseite kann ich nicht die Elemente aus deinen Screenshots finden.

Gruß!
Andy

Hi!

tritt dieses Fehler erst seit meinem neuen Code auf? falls ja, kannst du das hier machen: kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
damit so etwas nicht mehr geschieht. Dann kannst du dem Layout Element au deiner Startseite einen spezifische CSS Klasse zuweisen, die du dann statt der normalen CSS Klasse von meinem Code verwenden kannst.

Gruß,
Andy