Large space between na image and a thumb gallery

Hi again

I’ve updated also woocommerce, as you suggested.

I did a little analysis with inspect element on chrome and I see that:

when the viewport is less than 769px i have this: <div class=”slick-list draggable” style=”height: 480px;”> and that is ok! The height changes when i decrease a viewport but it has a correct height. Everything is in 1 column
when the view port is more than 770px I have 2 columns and the height of the slick-list.draggable gets very high: <div class=”slick-list draggable” style=”height: 2382px;”>

How can i fix it so it maintains a fixed height.

I would like to avoid putting in css style file something like this (which could be a workaround):

min-width:770px:
.slick-list.draggable {
max-height: 300px !important;
}

min-width:992px:
.slick-list.draggable {
max-height: 450px !important;
}
min-width:1200px
.slick-list.draggable {
max-height: 500px !important;
}

Thank you

Hi

I uploaded folder “themes” to Dropbox and you can downloaded here: https://www.dropbox.com/s/6a8vb2l8trd42ik/themes.zip?dl=0

You’ll see 2 themes: parent Understrap and Child theme FrGuitars.

While I’m waiting for your answer I’ll put in css the following workaround:

@media (min-width:770px){
.slick-list.draggable {
max-height: 300px !important;
}

}

@media (min-width:992px){
.slick-list.draggable {
max-height: 450px !important;
}

}
@media (min-width:1200px){
.slick-list.draggable {
max-height: 500px !important;
}

}

Thank you

Hi Tanvirul

Ass I wrote above:

You’ll see 2 themes: parent Understrap and Child theme FrGuitars.

Child theme is the active one.

Thank you

Hi

I’ve updated the plugin, but the problem stil persist therefore I’m still keeping css workaround, which you can find under Customize -> CSS:

@media (min-width:770px){
.slick-list.draggable {
max-height: 350px !important;
}

}

@media (min-width:992px){
.slick-list.draggable {
max-height: 450px !important;
}

}
@media (min-width:1200px){
.slick-list.draggable {
max-height: 600px !important;
}

}