Empty space on Shopify Slideshow Sections

Store Design
1

Hi there,

When accessing the mobile version of my site, the slideshow section on my product page, there seems to be a small section of grey background where my media hasn’t filled the template.

Is there any way to remove this grey area on the theme editor or use of code?

The mobile page in question is: https://thetrustedbeardsman.com/products/premium-vegan-beard-oil-the-trusted-beardsman

The error occurs in one of the last sections of the page for reference to find it.

Thanks,

Alex Wotton.

2

@media screen and (max-width:768px) {
.Product__Wrapper .flickity-viewport {height:405px!important;}}
use this code to adjust height of viewport on mobile view

3

Hi Spjjk,

Thanks for the code, what section of the code does this get put under? Is it theme.liquid?

Thanks,

Alex Wotton.

4

add above code in theme.css in below of all code or if you want to add in theme.liquid then add this code aftertag

@media screen and (max-width:768px) { .Product__Wrapper .flickity-viewport {height:405px!important;}}