Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #584852

    Dear support team,

    I’m using the grid row element to present some charts. The charts have a defined height and as I understand the grid row automatically adapts to that height. That’s fine.

    Now I’ve decided to manually change the height of the grid row as it looks nicer when there is more space above and underneath the chart.
    I defined this under “Minimum height” within the grid row element.

    And here comes the problem:

    The desktop view is just like expected, but the mobile view shows far too much space around the chart. You have to scroll too much to get to the next content.
    How can I solve the problem and have a) more space on the desktop view and b) less space on the mobile version?

    Thank you very much!
    Best Sandra

    ___________________________

    Hier auch gerne noch einmal kurz auf Deutsch:

    Ich habe versucht beim Grid row Element die Höhe manuell zu verändern. Dazu habe ich die Einstellung “Minimum Height” genutzt. Mein Ziel war es, einer Grafik, die in das Grid reingeladen wurde, mehr Platz oben und unten zu geben. Das hat für die Desktopansicht auch wunderbar funktioniert.

    Leider ergab sich dadurch aber in der mobilen Ansicht eine enorme Menge an leerem Raum.

    Wie kann ich nun die Desktopansicht mit mehr Platz behalten und trotzdem in der mobilen Ansicht das Ganze straffen?

    Vielen Dank!
    Sandra

    #586013

    Hi LepsienArtFoundation!

    Please share the link to the page where we can see the element in question and send us a screenshot or mockup of what you want the end result to look like so we can help you better :)

    Regards,
    Vinay Kashyap

    #587936

    Hi Vinay,

    thank you for your help. I have added the content into the private section.

    Thank you very much!
    Sandra

    #589090

    Hi!

    use a color section and put your elements in question inside of it. Then edit color section and look for “Section Minimum Height”, where you can adjust it’s height.

    Cheers!
    Andy

    #590655

    Hi Andy,

    thank your for the hint! That works fine for a section with just one color in the background.

    Do you have an idea what to do when the section should be devided into two different colors? As far as I know I have to use a grind row, right? Or ist there a way to solve the problem wit a color section as well?

    Please see the attached Screenshot.

    Thank you very much,
    Sandra

    #590749

    Hey!

    then just use two layout elements next to each others. Edit them and click on “Colors”, then set a Custom Background Color for each of them.

    Regards,
    Andy

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