Solved

Why is the mobile slideshow creating empty space on my Shopify homepage?

jsten
Visitor
3 0 0

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

Accepted Solution (1)

JHKCreate
Shopify Expert
3571 639 916

This is an 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!

 

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com

View solution in original post

Replies 3 (3)

JHKCreate
Shopify Expert
3571 639 916

This is an 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!

 

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
jsten
Visitor
3 0 0

This worked!  Thank you for your help!

JHKCreate
Shopify Expert
3571 639 916

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

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com