How to reduce size of an image but only desktop view

How to reduce size of an image but only desktop view

MarksBcn
Excursionist
43 0 14

Hi, 

Please, Can someone help me! I'd need to reduce the size of a picture just on the desktop view (mobile view is fine).

URL https://shokn.com/en-nl/collections/all

I attach a file with a screenshot with the image I'd like to reduce 40-50%

 

Many thanks

MarcCaptura de pantalla 2022-10-19 193549.png

Reply 1 (1)

PageFly-Richard
Shopify Partner
4991 1118 1796

Hi @LanceAllison

I’m Richard Nguyen from PageFly- Free Landing Page Builder

-Go to Online Store->Theme->Edit code

-Asset-> theme.css  paste the below code at the bottom of the file.

@media (min-width:768px){

#shopify-section-template--15967078121661__80e857ab-0137-4e2a-9fb7-55f5d4be5749 >.index-section{

margin-bottom:0 !important

}

#shopify-section-template--15967078121661__80e857ab-0137-4e2a-9fb7-55f5d4be5749  .image-wrap img{

width: 60% !important;

display: block;

margin: auto !important

 

}

}

RichardNguyen_0-1666240983037.png

 

Hope my solution works perfectly for you!

 

Best Regards;

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.