Borders around my products problem....

[Dutchies]

Can somebody help me? I have borders around my products on desktop, but on de phoneview I have a problem on the upside and the downside of the border.

I added the following code to my theme.scss.liquid:

.grid-product__wrapper {

    box-shadow: 2px 2px 10px rgba(0, 0, 0, .3);

    padding: 15px 15px;

  max-width: 800px;

  max-heigth: 1200px;

}

  .grid-product__wrapper .grid-product__title {min-height: 70px;}

[KetanKumar]

@Dutchies 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[Dutchies]

Hi @KetanKumar, thanks for replying

my site is dutchies-cbd.nl   and the password is 0702

I have the same problem now on the desktop as on mobile...

[KetanKumar]

@Dutchies 

possible to this 

[Dutchies]

@KetanKumar  where can I find that?

[KetanKumar]

@Dutchies 

do you like the above screenshot 

[Dutchies]

Yes, but I would like to know where I can find the sentence you refer to

[KetanKumar]

@Dutchies 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.grid-product__wrapper {
box-shadow: none;
    border: 1px solid #ddd;
}

[Dutchies]

@KetanKumar  now my shadow borders are gone... and also the slider is gone....

[Dutchies]

@KetanKumar 

I added box-shadow: 2px 2px 10px rgba(0, 0, 0, .3); to your solution and that works.

Do you know why my slider doesn't work anymore? Normally there are 4 products on screen... now 5 (1 below the other 4)