Susan S. asked 5 months ago
Hello again :-)
I have two questions. I noticed that something was wrong in the admin backend under view -> grid style settings -> number of grid colums. If I type 5, 5 columns are shown, if I type 6, then 10 columns are shown.
But my actual question is: I would like to have 5 columns in the normal desktop view, for example.
and I would like to have 2 columns instead of 1 in the mobile view, responsive. Make grid responsive, only shows 1 column, that's how it is described.
is there an easy way to display 2 columns in respensive mode?
I would be very happy if someone here could give me some good advice.
best and kind regards
susan
Victor Font Staff answered 5 months ago
Yes. You can do this with your own custom CSS.
Susan Schorstädt
replied 5 months ago But that doesn't have anything to do with the line below called custom classes?
Susan Schorstädt
replied 5 months ago .frm_grid_container andd .frm_responsive
are the classes correct?
<p>Those are Formidable’s built-in classes. You can override those with your own variations. It’s just CSS and it’s totally under your control. Have you ever configured CSS grid before? If not, it may be a benefit to brush up.</p>
Susan Schorstädt
replied 5 months ago Unfortunately I have no experience in this. Is it complicated to display 2 columns in responsive mode?
Susan Schorstädt
replied 5 months ago I have this code but don't work:
/* Responsive Spalten für Formidable Forms */
@media (max-width: 768px) { /* Maximalbreite für mobile Ansicht */
.frm_form_field {
width: 48%; /* Breite von 48% für jedes Feld */
display: inline-block; /* Inline-Block-Layout für die Spalten */
box-sizing: border-box; /* Padding und Border in die Gesamtbreite einbeziehen */
margin-right: 2%; /* Abstand zwischen den Spalten */
}
.frm_form_field:nth-child(2n) {
margin-right: 0; /* Kein Abstand nach der zweiten Spalte */
}
}
Please login or Register to submit your answer
