Video on product page gallery is affecting mobile layout

Technical Q&A
,

Topic summary

A user is experiencing a mobile layout issue on their Shopify product pages where excessive white space appears between product images and the product title, but only when videos are included in the product gallery.

Key Details:

  • The problem occurs specifically on mobile devices
  • White space appears between images and product title
  • The layout displays correctly when scrolling to the video itself
  • Example product page provided for reference

Current Status:

  • The issue remains unresolved
  • User is seeking CSS or Liquid code solutions to fix the spacing problem
  • No responses or solutions have been posted yet
Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

I have videos on some products on my website and I’ve worked out that this is causing a lot of white space when viewed on a mobile, between the product images and the product title. But only on the images, when you get to the video, its fine.

can someone help me with a fix for this?

https://mojoandmuse.co.uk/products/coral-wreath-five

thanks!