Hi, i have some problems with grid in responsive. I have this two grid in different page, i would like that in tablet version the row is made of three element and in mobile of one element, may you help me?
In one i use portfolio grid, in the other i use the single element of a the layout builder.
Thanks
Hi cefriel1988!
Thank you for using Enfold.
Are you referring to the Portfolio Grid element? Adjust the width using the following css code in the Quick CSS field.
@media only screen and (max-width: 767px) and (min-width: 989px) {
.av-masonry-col-5 .av-masonry-entry {
width: 33.33%;
}
}
@media only screen and (max-width: 767px) {
.av-masonry-col-5 .av-masonry-entry {
width: 100%;
}
}
Regards,
Ismael