How can I eliminate excess space on my product page?

Store Design
1

Hi everyone,

On my mobile there seems to be a large section of space under the product photos and the add to cart button. See below picture.

How do I remove this and make product page more compact? Using just a free theme debut. Thanks

Screenshot_20220121-120039_Samsung Internet.jpg
Screenshot_20220121-120039_Samsung Internet.jpg972×2963 136 KB

2

Hi, @Katherine94 Please share your store URL and password(If it is password protected.). So that I can check and give you the exact solution.

3

Thanks, website is www.mylittleresinhobby.com.au

4

@Katherine94

add this code to your theme.css file.

Navigate to online store >> Click edit theme code.

Now find theme.css and paste the following code:

@media (max-width: 768px){
    .product-single__thumbnails-product-template{
        height: 126px !important;
    }
    #ImageZoom-product-template-24649554165926{
        height: 55% !important;
    }
}

I hope it will be helpful for you.

Thanks

5

Thanks so much, worked a charm!