Jump to content

ahmadtaha

Member
  • Posts

    4
  • Joined

  • Last visited

Reputation Activity

  1. Like
    ahmadtaha got a reaction from tuanphan in How to increase columns in mobile view for masonry gallery layout? make 3 column the same as tablet view. same for Projects in Portfolio pages   
    i found a code if anyone is looking for the solution. 

     
    but now the images are randomly placed on the mobile , i cant seem to figure out how to organize them 
  2. Like
    ahmadtaha got a reaction from brainsmith24 in [Masonry Grid] Is there a way to display one column on mobile and three on desktop?   
    it worked for me, but here is the catch. the photos now are placed randomly i cant figure out how to organize them since they are not in same order as they are in the gallery. anu idea on why is this happening? 

    url : https://ahmadtaharetoucher.squarespace.com/

     
  3. Like
    ahmadtaha reacted to tuanphan in [Masonry Grid] Is there a way to display one column on mobile and three on desktop?   
    Add to Design > Custom CSS
    @media only screen and (max-width: 640px) { .gallery-masonry .gallery-masonry-wrapper { columns: 2; column-gap: 0; height: auto!important; display: block!important; padding: 0px; } .gallery-masonry-item-wrapper { height: auto!important; } .gallery-masonry-item { position: relative!important; transform: none!important; width: 100%!important; display: block; padding: 1.5px!important; box-sizing: border-box; } .gallery-masonry .gallery-masonry-item img { height: 100%!important; width: 100%!important; } }  
×
×
  • 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.