Hello,
I am trying to tell a particular cell within a grid row to now show at all on tablet.
Can you assist with this or is this not do-able?
I can hide the contents of the cell but not the whole cell.
Hey Briana,
This may be doable, if we tell the CSS to hide, say, the 3rd cell in that grid row. For example:
@media only screen
and (min-width: 768px)
and (max-width: 1024px) {
#av-layout-grid-1 div.flex_cell:nth-child(3) {display:none !important;}
}
Just replace the child number with the right number for the cell you’re hiding.
Here’s a reference on media queries: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Best regards,
Sarah