Mobile product page has space between pictures and Product Title

Technical Q&A
1

Hi, My store has debute theme and when opening the product page on mobile only , there is an odd space between picture and text. I have attached a sample picture. Please if anyone can let me know how to fix this. Thanks

https://huginabox.ie/products/luxury-lemon-balm-candle?pr_prod_strat=copurchase&pr_rec_id=e1911208a&...

0d895077-86d3-4a64-85ef-35e485a69dc6.jpg
0d895077-86d3-4a64-85ef-35e485a69dc6.jpg591×1280 54.9 KB

1 Like
2

Hi @AislingOd ,

Weird but to fix this. Just follow the instructions below

  1. In your Admin page, go to Online store > Themes
  2. Choose the theme you want to edit then click Actions > Edit code.
  3. Open the theme.css under the Asset folder, and add the code below.
.product-single__media {
    height: auto !important
}
3

@AislingOd

oh sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css >paste below code at the bottom of the file
.product-single__media {height: 100% !important;}
4

Hi @KetanKumar I tried this code but unfortunately its the same.