Thanks @lu.diehl! It worked but I am facing the same problem that @Emmyk1. There's a block of light grey about 250px underneath de banner image and I can't figure out how to remove it. Have you faced the same thing or do you have a fix? Current height is set at 450px on desktop.
@media only screen and (min-device-width: 640px){
.promoted-gallery-wrapper {
height: 450px!important;
}
.sqs-gallery-design-stacked-slide {
height: 450px!important;
}
.sqs-gallery-controls .next, .sqs-gallery-controls .previous{
top: 250px!important;
}
}
@media only screen and (min-width : 320px) and (max-width : 480px){
.promoted-gallery-wrapper {
height: 200px!important;
}
.sqs-gallery-design-stacked-slide {
height: 200px!important;
}
.sqs-gallery-controls .next, .sqs-gallery-controls .previous{
top: 250px!important;
}
}
Thanks in advance!