How to display products vertically in the Dawn theme?

Store Design
1

Hi guys I need help. I’m using the dawn theme and on my feature product I would like my product to display vertical instead of horizontal anybody can help me please

2

@Glorious1804

can you please send store url

3

gloriousboyz.com

4

https://gloriousboyz.com

5

@Glorious1804

do you have like this?

KetanKumar_0-1648624470071.png
KetanKumar_0-1648624470071.png1920×1080 194 KB

6

Row of 2 like that please

7

@Glorious1804

try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
@media screen and (min-width: 990px) {
.slider-mobile-gutter .grid--quarter-max.grid--4-col-desktop .grid__item {
max-width: calc(50% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    width: calc(50% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
}
}
8

Ok I’ll do it now

9

I did and still haven’t change is there anything to do after I copied and paste the code

10

sorry but i can’t see 2x2

KetanKumar_0-1648625527165.png
KetanKumar_0-1648625527165.png1920×1080 209 KB

if you have any change please share your idea or demo link

11

It doesn’t appear like that on mobile phone I want it to appear like that on mobile phone too

12

yes, please remove last one code and add this

.slider-mobile-gutter .grid--quarter-max.grid--4-col-desktop .grid__item {
max-width: calc(50% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
    width: calc(50% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
}
13

Ok will do it

14

Still not working for the mobile

15

@Glorious1804

oh sorry for that can you add this code also don’t remove any previous code

@media screen and (max-width: 989px){
.slider.slider--tablet {
flex-wrap: wrap !important;
}
.slider-mobile-gutter .grid--quarter-max.grid--4-col-desktop .grid__item {
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) * 3 / 2);
    width: calc(50% - var(--grid-desktop-horizontal-spacing) * 3 / 2);
}
}
16

Will do

17

thank you so much it worked

18

@Glorious1804

its my pleasure to help us