Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1487512

    Hi,
    i just made a table out of 3 grid rows, i want all columns to be in the same height and that it is on mobile the same look. That worked, but its to wide and goes over the whole page. How can i make it smaller so that i have on the left and right white space.
    Would be great if somebody knows how to change that.

    Many regards rixi

    #1487528

    Hey rixi,
    You can try this css:

    @media only screen and (min-width: 980px) { 
    .page-id-1667 .av-layout-grid-container {
        margin-left: 10%;
        width: 80%;
    }
    }

    but it will not look good below 980px, the grid is too large. Feel free to try adjusting the min-width value.
    For mobile, I recommend a different element.

    Best regards,
    Mike

    #1487545
    This reply has been marked as private.
    #1487575

    Hi,

    all grid lines became smaller

    Do you mean the text is smaller or the lines around each grid cell?
    The grid element is a full width element, so forcing it to be less than full width will change how it looks.
    If you use a normal table you could place it in a column and achieve the width that you wish.
    A image for small mobile devices may be best, but when I check your table for small mobile now it seems to work well, so maybe it will be fine?

    Best regards,
    Mike

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