Benutzerdefinierte Spalte Breakpoint

Standardmäßig sind mobile und Tablet-Breakpoints 767px und 989px. Wenn Sie den Spaltenelementen einen benutzerdefinierten Breakpoint hinzufügen möchten und die Spalten vor den Standard-Breakpoints stapeln möchten, folgen Sie bitte den folgenden Schritten:

1. Aktive CSS-Klassennamensunterstützung von Enfold-Optionen aktivieren > Layout Builder > Optionen für Elemente für Entwickler anzeigen
2. Fügen Sie einen Farbabschnitt hinzu und weisen Sie ihm einen ID namens „Custom-Breakpoint“ zu.
3. Fügen Sie Ihre Spalten in den Farbbereich und weisen Sie jeweils den Spalten einen Klassennamen namens „Col“ zu.
4. Passen Sie die maximale Breite in der Medienabfrage im folgenden Code an und fügen Sie sie Ihrer Seite hinzu.

    
   /* Custom breakpoint */
   @media only screen and (max-width: 880px) { 
   .responsive #top #wrap_all  #custom-breakpoint .flex_column.col {
       margin: 0;
       margin-bottom: 20px;
       width: 100%;
   }}