VJPViswanathan

No, I tried a workaround and added 2 galleries one with cropped images and another with autocross off. I disabled the autocrop gallery on the mobile and now trying to disable the non-autocrop gallery on the desktop version. Basically I am trying to hide the second gallery on the desktop on this page - https://www.meditechsystems.com.au/new-home below is the css I used that is not working: @media screen and (min-width:768px) { [data-section-id="yui_3_17_2_1_1631032259232_668.sqs-gallery-container..sqs-gallery-block-slideshow"] { display: none; } }

Site URL: https://www.meditechsystems.com.au/new-home I am trying to hide the second (bottom) gallery from the desktop view i managed to take down the top one from mobile and tablet but the same doesnt work for desktop and i am possibly looking at the section ID wrong Below is the code i used for mobile/ tablet section removal: .collection-type-page.has-promoted-gallery #yui_3_17_2_1_1629814031432_53 .sqs-block, .collection-type-index.has-promoted-gallery #yui_3_17_2_1_1629814031432_53 .sqs-block, .collection-type-page.has-promoted-gallery .promoted-gallery-wrapper .sqs-block, .collection-type-index.has-promoted-gallery .promoted-gallery-wrapper .sqs-block { display: none; }

I have disabled autoplay, the image is getting cropped off on the mobile

Site URL: https://www.meditechsystems.com.au/new-home I need some help with the gallery mobile optimization //resizing on mobile @mobile: ~"only screen and (max-width: 640px)"; @media @mobile { .sqs-block-gallery { display: none; width: 100%; margin-right: auto; margin-left: auto; } } //resizing on mobile this is the code I used, which worked on other sites I have done in the past, but not on this one, I appreciate your help on this