Hi, I have a page where it’s a list of images. In mobile, it does not work at all. So, I make changes on Mobile. However, this affects the desktop as well. How can I make changes to only affect Mobile and not touch Desktop? Thank you!
Hi,
Welcome to the forum!
A live link to your website would be great to actually see what you mean by “it does not work at all” and the actual issue. If it’s a local installation, you can possibly replicate the issue on try.bricksbuilder.io.
Hi, here’s the live link: Meet Our Attorneys - Legal Corner Law Office, APC You can see the differences between Mobile and Desktop.
The page was designed in Desktop. Automatically, it’s not working in mobile. However, even when we try and adjust on mobile, it affects the Desktop version. I’d like to “lock” the Desktop version when editing in Mobile on a per Page basis.
The grid setup isn’t right. For example, 4 isn’t a valid value for grid-template-columns, see: grid-template-columns - CSS | MDN
Remove grid-auto-flow: column and change the grid-template-columns to something like this repeat(auto-fit, minmax(200px, 1fr)), to make them wrap automatically.