Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1451402

    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

    #1451520

    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

    #1451889

    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.

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.