Jump to content

HeatherCL

Member
  • Posts

    5
  • Joined

  • Last visited

Posts posted by HeatherCL

  1. Hi @tuanphan @Ziggy hoping this thread is still active. I am trying to do something similar, make an image gallery show two columns on mobile. On desktop the number of columns is dependent on browser width and when it goes to mobile it defaults to one image column no matter what the other settings are. I used the code below and it did make the images on mobile small enough to fit two columns, but they are still just stacked in one column. 

    @media only screen and (max-width:767px) {
     .gallery-wrapper {
        display: grid;
       grid-template-columns: 1fr 1fr;
      }

    Webpage:https://byspiritofsalt.com/animal-tattoos

  2. Howdy! I am looking for some custom code to help resize images on mobile. In my image galleries on desktop I have a minimum column width of 190 so I get 4-7 columns of images depending on browser size. However on mobile it just shows one image per column (IE each image displayed is at 100% browser width plus margins.) I'd like to have at least 2-3 image columns on mobile so it's easier to scroll through a bunch of images. Any help with custom code that would achieve this would be appreciated! 

×
×
  • Create New...

Squarespace Webinars

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

Hire a Designer

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