Consistency with White Space

[thatshampooshop]

Hi there, 

Can anyone advise on how to keep the white space consistent for all types of screens? 

Store link: https://ee15bf-83.myshopify.com/products/wella-professionals-6-welloxon-perfect-20-volume-developer?... 

Monitor:

Laptop:

Thanks!

[Liquid_xPert_SJ]

@thatshampooshop 

can you please put below code into your theme file called base.css file

.product:not(.product--columns) .product__media-list .product__media-item .product-media-container {
	width: 100%;
	height: 100%;
	--constrained-min-height: 100% !important;
}

Online Store > Edit Code > Theme Files > Assets  Files > base.css

Thanks

[Kyle_liu · Accepted solution]

Hi @thatshampooshop 

You can edit the question piece section-main-product.css on line 1333

  .product-media-container.constrain-height {
    --viewport-offset: 170px;
    --constrained-min-height: 500px;
  }

to

  .product-media-container.constrain-height {
    --viewport-offset: 170px;
    --constrained-min-height: 100%;
  }