Custom grid with images on prestige theme

Store Design
1

Hi,

I am working with prestige theme.
I want to have the following grid of images on the homepage. Everything looks like I want it to on the homepage, but I am not able to make it mobile responsive. I would really appreciate any help!

danielagsb_0-1647950397567.png
danielagsb_0-1647950397567.png2831×1755 549 KB

Code:

2

This section is not visible on your website.

3

I just published it so that you can see it.

Thank you

4

you want to show as it is on mobile view or 1 by 1

5

I would like to show it on mobile 1 image under the other, or like this:

danielagsb_0-1647953807247.png
danielagsb_0-1647953807247.png635×999 708 KB

whatever is easier !

6

Hi @danielagsb ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
@media (max-width: 500px) {
    .template-index .grid-wrap {
        display: block !important;
    }
    .template-index .grid-wrap .row {
        display: flex;
    }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

2 Likes
7

THANK YOU SO MUCH!

1 Like