Issue with slideshow on Mobile

[jsten]

Hello,

I'm finishing up my site and noticed that the slideshow on my homepage is creating a large empty space underneath the images only in mobile.  I've looked through threads and have tried troubleshooting myself but cannot solve the problem.  Any help would be much appreciated.

My URL: vikingfireco.com

[JHKCreate · Accepted solution]

This might be a solution, add that code at the end of the theme.css file:

@media (max-width: 719px)
{
#shopify-section-template--15202476982436__16436568745ed21050 > section > div.slideshow__wrapper.flickity-enabled.is-draggable > div {
    height: 170px!important;
}
}

Should that help answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!

[jsten]

This worked!  Thank you for your help!

[JHKCreate]

Amazing! We always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!