Jump to content

Custom code for a 1-column mobile gallery on Avenue Template

By kristmanias, in Other

Go to solution Solved by Beyondspace,

Recommended Posts

kristmanias Level 2

kristmanias

Posted
Posted

The desktop homepage of my portfolio is set to 1 column, but in mobile it forces 2 columns. I have tried every possible custom code posted in the forums to show as 1 column, but none of them work. Please help!

 

image.thumb.png.46d3aa1c074ac66eddd0a0b817561508.png

  • Replies 4
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

Beyondspace Level 14

Beyondspace

Posted
Posted
1 hour ago, kristmanias said:

The desktop homepage of my portfolio is set to 1 column, but in mobile it forces 2 columns. I have tried every possible custom code posted in the forums to show as 1 column, but none of them work. Please help!

 

image.thumb.png.46d3aa1c074ac66eddd0a0b817561508.png

Can you provide you URL so I can check it?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

  • Solution
Beyondspace Level 14

Beyondspace

Posted
  • Solution
Posted

You can try the following CSS code 

@media only screen and (max-width: 767px) {
  .project-image img {
    width: 100% !important;
    height: auto !important;
  }
  #projectThumbs>.wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .project {
    width: 100% !important;
  }
}

My testing

image.thumb.png.89ce0b8d536ca01cae6f2c699b70d692.png

 

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources