Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 23, 2025 at 8:52 am #1477682
    cadra83

    Good morning guys, I have always wondered how to make dynamic block layouts like the one shown in the example. Title h1 on the left and blocks on the left. I have tried grid and block layouts but find it difficult to manage the right-hand side. These blocks then from mobile or tablet can be seen in full screen, while on the desktop they are aligned as in the picture.

    Thank you very much

    February 24, 2025 at 6:01 am #1477737
    Ismael

    Hey Christian,

    Thank you for the inquiry.

    Have you tried using the Grid Layout element? Set the cell size to 3/5 1/5 1/5. You can also set the cell size to 1/3 2/3, then use Column elements in the second cell.

    Best regards,
    Ismael

    February 24, 2025 at 7:38 am #1477749
    cadra83

    Perfect I would say, the last problem is that I would like to eliminate the full width, thank you!

    February 24, 2025 at 7:51 am #1477752
    Ismael

    Hi,

    Thank you for the update.

    If you want to limit the width of the grid layout, go to the Advanced > Developer Settings panel, apply the value “av-grid-constrain-width” in the Custom CSS Class field, and then add this css code:

    #top .av-grid-constrain-width {
    max-width: 70%;
    margin: 0 auto;
}

    Adjust the max-width value as needed.

    Best regards,
    Ismael

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