Solved

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

KimGottwald
Pathfinder
137 0 20

Hello,

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

 

Bildschirmfoto 2024-06-11 um 11.40.37 AM.png

Accepted Solution (1)

Rishihuptech
Shopify Partner
601 108 121

This is an accepted solution.

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

Rishihuptech_0-1718099570698.png

 

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required

View solution in original post

Replies 4 (4)

nvchien
Shopify Partner
55 21 13

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!

Rishihuptech
Shopify Partner
601 108 121

This is an accepted solution.

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

Rishihuptech_0-1718099570698.png

 

If you found this response helpful, please do like and accept the solution. Thanks!
Need support with Customizing your Shopify store?
Feel free to contact me at info@huptechweb.com or Visit our website Huptech Web.
Instant Shortcode Builder: Integrate customizable UI features anywhere in your store - No coding knowledge required
KimGottwald
Pathfinder
137 0 20

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

 

Bildschirmfoto 2024-06-11 um 12.17.45 PM.png

Rahul_dhiman
Shopify Expert
126 20 36

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.

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here