Border arround product only on desktop

Shopify Discussion
, , , ,
1

Hey,

on my website www.occulto.de is a Border arround the product information on the productsites. I only want this border on desktop and not on the mobile layout. Is this possible?

regards

Philipp

1 Like
2

@PhilippOcculto

oh sorry for that issue if possible to share screenshot where did you add this?

3

@PhilippOcculto ,

@media only screen and (max-width: 768px) {
div#ProductInfo-template--16169158410508__main {
    border: 0;
}
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

4

I would like to give you a solution to support you:

  1. Go to Online Store-> Theme-> Edit code
  2. Open your theme.liquid theme file
  3. Paste the below code before :

Was my reply helpful? Please Like and Accept Solution. This mean alot to me.

1 Like
5

Hey, this code doesnt do anything.

6

@KetanKumar i put the code below at the end of the assets>section-main-product.css file

.product__info-container
{
border: groove #D8D8D8;
padding: 20px;
box-shadow: 10px 10px 20px rgba(0,0,0,.5);
}