Scrollable Featured Promotions & Gallery on Mobile

Store Design
1

I want to make my Featured Promotions scrollable on mobile and I’m hoping someone will have a simple solution - maybe some simple CSS to add to the advanced section?

Similarly I want to add CSS to make the gallery also scrollable.

2

Hi @Colleen7

Can you provide your website so we can provide a code appropriate for you

3

Website: https://rideproudclothing.com

4

Here it is https://rideproudclothing.com/

5

Hi @Colleen7

You can try the code below

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to Asset folder and open the style.css file
  3. At very end of the code, add the code below
@media only screen and (max-width: 750px) {
div#gallery_section-template--15944594718893__5b925a65-e455-4f66-b2b9-cd707b21f94f {
    display: flex;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    overflow: scroll;
}
}
6

Thank you for this.
I note this has flex, I have turbo theme. Does that make a difference?

7

Flex is a style css and not a theme. Not really related