april_tak

On 2/1/2023 at 2:53 PM, tuanphan said:

Hi. It looks like you solved with this code?

 @media only screen and (max-width: 640px) {
    .sqs-gallery-block-slideshow{
      height:30vh !important;}
    .sqs-gallery-block-slideshow img{
      width:50%}
    
    .sqs-gallery-block-slideshow .meta {
      display: block !important;
      position: absolute;
      background: #fff;
      width: 100vw;
      min-height: 300px !important;
      left: 0px;
      top: 30vh;
      max-width: 100% !important;
      z-index:0;
    }
    .sqs-gallery-block-slideshow .meta-title {
      color:rgb(84,84,84) !important;
      text-align: center;
      font-size:20px !important;
      padding-bottom:25px;
    }
    .sqs-gallery-block-slideshow .meta-description p, .sqs-gallery-block-slideshow .meta-description a {
      color:rgb(84,84,84) !important;
      text-align: justify;
      font-size:16px !important;
    }
    #block-yui_3_17_2_6_1488331956550_8686 {
      padding-top:300px !important;
      z-index: -1 !important;
    }
}

 

Hi @tuanphan, the code is added, but the problem remains. So NO, the issue has yet to be solved.

@tuanphan yes, that's the gallery which crop the images

Hi @tuanphan, my page has the same issue. I've tried all codes above but it's not helping.

Please find the page here: 

https://www.redressdesignaward.com/home

Thanks in advance for the help!!