Can I make a section scrollable on mobile for image viewing?

Technical Q&A
1

Is it possible to turn this section scrollable for mobile:

sondreskskfsghj_0-1677094331166.png
sondreskskfsghj_0-1677094331166.png407×626 162 KB

so instead of the images being under each other, they are next to each other:

sondreskskfsghj_0-1677094384351.png
sondreskskfsghj_0-1677094384351.png521×695 193 KB

store link: https://8c2dd1-3.myshopify.com/

2

Hi [email removed]Sondreskskfsghj,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file → Save

@media(max-width:767px){
#shopify-section-template--17760203178306__c7f62bd3-b196-4e0f-97df-372d5caaf2b0 .grid.grid--uniform.grid--flush-bottom{
    display: flex !important;
    overflow-y: auto;
    column-gap: 16px;
}
#shopify-section-template--17760203178306__c7f62bd3-b196-4e0f-97df-372d5caaf2b0 .grid.grid--uniform.grid--flush-bottom .grid__item{
   min-width:calc(100vw - 40px) !important;
}
}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly