Viewing 6 posts - 1 through 6 (of 6 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

    #1487593

    Hello Mike,
    thank you for your answer!
    I changed it now to a normal table and i think the best way for the mobile device is probably than the screenshot of the table.
    Thanks a lot for your help :)))

    Many regards
    Rixi

    #1487611

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Grid Table smaller’ is closed to new replies.