Hallo zusammen,
ich habe die Schritte lt. der Dokumentation (https://kriesi.at/documentation/enfold/columns/#toggle-id-13) eigentlich befolgt, wobei ich mir bei Schritt 1 “Enable custom CSS class name support for ALB elements.” nicht 100% sicher bin.
Im mobile setzt er mir die Columns auf die eingestellte Breite, lässt sie aber untereinander. Die Einstellung in der Spalte “Zeile Bildschirmoptionen -> Umschaltgrenze volle Breite” kann ich nicht abwählen. Ich vermute dass hier evtl. das Problem liegen könnte. Nachdem ich schon ein bisschen verzweifel, hoffe ich auf eure Hilfe.
LG,
Markus
Hey sn82com,
Thank you for the inquiry.
You have to adjust the css rule for the .col-25p elements a bit:
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
.col-25p {
width: 48% !important;
background: gold;
float: left !important;
clear: none !important;
}
}
Best regards,
Ismael
one thing to mention: the pseudo containers ( before and after ) are part of : entry-content-wrapper
if you handle that container as flex-container they will be part of all definitions.
so i do set them to display:none on that case.
next: i do not work with width setting – on the contrary – I set the column widths to unset ( these columns are the items of the flex-containers.)
next: do not use the equal height option – this could be done bei flex-box layout – and those added containers will be part too of the flex-box.
see here an example page including the css code for it. You see all items will have the same height!
https://webers-testseite.de/flexed/
PS : eventuell postet du mal den Link zu deiner Seite – dann schaue ich mir das näher an.