Insert a code line that only applies to desktop view and NOT mobile view

Solved
duecce7
New Member
2 0 0

I want to use the following code 

.product__photo {
max-width: 600px;
margin: 0px auto;
float: none;
}

so that it only applies to the desktop view. When I use it on the mobile view, it messes up the alignments. Thank you in adv!!!

0 Likes
Natztech
Shopify Partner
626 167 419

This is an accepted solution.

@duecce7 please apply your code as below  it work only desktop view not apply mobile view

@media only screen and (min-width: 729px){
.product__photo {
   max-width: 600px;
   margin: 0px auto;
   float: none;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
duecce7
New Member
2 0 0

Thank you SO MUCH!!

0 Likes
Natztech
Shopify Partner
626 167 419

If helpful then please Like and Accept as Solution

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes