Product grid leaned on right for no reason

Store Design
1

Hello there, I did some coding on the Dawn Theme template and now my mobile grid is completely broken and can not manage to fix it, can you help me?

Thanks.

website: ateliertenera.com

Password is: DAF

In full-screen there is no problem at all but in mobile the grid is leaning to right in a weird way.

Many thanks!

In full-screen there is no problem at all.
In full-screen there is no problem at all.2748×1272 252 KB

this is how it looks on mobile
this is how it looks on mobile1242×1296 111 KB

Any idea how to fix it?

@KetanKumar

@Jordan42

@Mr_RaviRaj

2

Hi,

To fix the issue, please follow the steps below.

  1. Go to Online Store > Actions > Edit Code > Assets

  2. Select & Open base.css file

  3. Copy the code below and paste it in base.css at the end of the file.

@media screen and (max-width: 840px) {
  .pgc-m-l-150 {
    margin-left: 0px;
  }
}

Hope it helps.

3

Hello David, no it is still the same unfortunately..

4

I checked your store but the code was not added yet.

5

Because I added to the duplicated version, I am adding it to the original one now you can see.

6

20220614_115717.png
20220614_115717.png1589×755 229 KB

20220614_115837.png
20220614_115837.png1476×774 214 KB

7

I changed it as below.

@media screen and (min-width: 750px) {
  .pgc-m-l-150 {
    margin-left: 150px;
  }
}
@media screen and (max-width: 749px) {
  .pgc-m-l-150 {
    margin-left: 0px;
  }
}

It should work now.