Docs

[prebb98]

Hey I’m wondering if its possible to make the image stay in a 4-5 colummn state even though I view the images on phone. Right know it just stack under each other and increase size. I’m trying to make them get smaller but still in a 4-5 column on each row of image. like it is on desktop view.

https://graphix.no/portofolio/

Here

Thanks in advance

[prebb98]

I have a lightbox efect so that when the click the image it rescales to big, but i just want small previews of the image showing on mobile aswell, so it doesnt take many hours to scroll down to bottom and see all images on phone

[Rue Nel]

Hello There,

Thanks for writing in! To resolve this issue,

@media (max-width:  767px) {
  .cs-content .x-column.x-sm {
    float: left;	
    margin-right: 4%;
  }
    
  .cs-content .x-column.x-sm.x-1-4{
    width: 22%;
  }

  .cs-content .x-column.x-sm.x-1-5 {
    width: 16.8%;
  }
    
  .cs-content .x-column.x-sm:last-of-type {
    margin-right: 0;
  }
}

Please let us know if this works out for you.

[Author]

Posts