Dear Enfold-Team,
I have some problems with the height adjustment on the grid row.
Both grid cells have no special setting.
Everything is perfect, when the grid row height is set to 0px.
But when the Minumim height is set to 50%, the second cell is shown partly above the first cell.
Additionally there is a white space area between the second cell and the footer
The overlapping (and the blank space) will only occur between 768 px and 989 px.
Can it be that the minimum height is used as the maximum height?
Best regards,
Jo
Hey Jo,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 1024px) {
.av-minimum-height-50 .container, .av-cell-min-height-50 > .flex_cell {
height: auto !important;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Dear Victoria,
thank you very much. Yes, this works for the test page; but unfortunately not for the real page (with an image in the second cell).
I have found a workaround for my real page, that is OK for me. There is no need for further activity on this.
Thanks.
Best regards,
Jo
Hi Jo,
It will work, just need to know the correct element class.
Glad you got it figured out! :)
If you need further assistance please let us know.
Best regards,
Victoria