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
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
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