How to remove gap between product picture and title on mobile?

[KimGottwald]

Hello,

can someone help me to remove the highlighted gap on mobile so that the product is aligned with the title etc.

 

[nvchien]

Hi @KimGottwald,

I can see your image have a big gaps at the bottom, so you can try to upload other image (https://aliudclothing.com/cdn/shop/files/Produktbilder_EM_Ultra_FRONT.png?v=1718098384)

Also, you can go to Online store -> Edit code -> find "theme.scss.css" file and update the below code at the last bottom:

.product-single__media-group-wrapper .slick__controls {
   margin-top:0 !important;
}

Hope this helps!

[Huptech-Web · Accepted solution]

Hello @KimGottwald, there is an issue with the image. Please crop and add it again. Your issue will be resolved.

[KimGottwald]

It worked, but now the picture is cut off on mobile..

 

[Rahul_dhiman]

Hello @KimGottwald   
You can add this code to timber.scss.css

@media only screen and (max-width: 768px) {
  .product-single__media-group.slick-initialized {
    margin-bottom: -80px;
}
}

Let me know if the issue is solved.