How to Display a Gallery Grid Block 3 Across on Mobile and Tablet
HTML-код
- Опубликовано: 17 окт 2024
- Get your Squarespace gallery grid block to display 3 across on mobile and tablet using CSS.
🚦 Want/NEED that website to get some traffic? ➡️ www.jenxwebdes...
✨💻Let's talk about your website 👉 calendly.com/h...
✍🏼Guide to Writing Effective Website Copy 👉 jenxwebdesign....
THE CODE:
@media screen and (max-width: 767px) {
.sqs-gallery-block-grid .slide.sqs-gallery-design-grid-slide {
width: calc(~"100%/3") !important;
}
}
👉 Read the blog post here: www.jenxwebdes...
👉Create a ‘Mobile View Only’ Section in Squarespace: www.jenxwebdes...
👉 How to Hide the Hamburger Menu on Mobile in Squarespace: www.jenxwebdes...
👉 How to Add a Search Bar Above Navigation in Squarespace 7.1: www.jenxwebdes...
👉 Create a ‘Mobile View Only’ Section in Squarespace: www.jenxwebdes...
*****************************
✍️ Check out the blog for more good stuff: www.jenxwebdes...
For some reason it doesnt work for me. When i input the code and save, nothing happens. Are you sore there is no typos?
Hi there! I just tested this and I'm sure it's correct. Are you using a gallery grid block? Which version of SS are you on?