I was able to find the data id for TV!
@media only screen and (max-width: 767px) {
section[data-section-id="66abc88dce511c7273082f35"] .user-items-list .user-items-list-item-container {
grid-template-columns: 1fr 1fr !important;
}
}
I feel smart 🙂
Thank you! that seemed to work for the "Film" section but not for the "TV" section for some reason? I imagine that's what the data section ID refers to.
Is it possible to do a similar thing with the film posters? I would love them to be 2 or 3 across on mobile but stay as they are in desktop. Currently they're one on top of one in mobile.
https://www.zachmcnees.com/film
My services page looks great on desktop with two column, but I'd love for the mobile view to be one column so the text doesn't show up in a long string like this. Anyone have some custom CSS that will adjust the max columns only for mobile?