Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 6, 2026 at 6:05 pm #1493673
    joeconnert

    I have a grid line (Rasterzeile) with with two columns (a picture on the left and text on the right side). When the size of the screen gets smaller the picture flips over the text, which is ok. But i have the problem, that the height of the picture is much too small then (just a small strip).
    I tried to copy from the Freelancer Demo Version, because here it works with the right size of the picture, when the picture flips over.
    I think I copied all the settings, but it doesn´t work.
    Would you be so kind to help me!
    If you need a screenshot, please let me know

    January 7, 2026 at 4:39 am #1493678
    Ismael

    Hey Johannes,

    Thank you for the inquiry.

    You have to edit the cells with the background image, go to Advanced > Developer Settings, and apply the Custom CSS Class name “av-cell-with-image”. After that, add the following css in the Enfold > General Styling > Quick CSS field code to set a minimum height for the cell, which will also enlarge the image.

    @media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .av-flex-cells .av-cell-with-image {
    min-height: 300px;
  }
}

    Please check this link for more info on adding custom css class names to builder elements.

    — https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

    Best regards,
    Ismael

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