Help! large gap under slideshow on Debut theme

Store Design
1

I read through many posts to try and fix this myself, but nothing has worked. I’d like to minimize the gap between the slide show image and gallery image on my home page.

Any help would be greatly appreciated!

Site URL : https://theposhtech.com/

2

Hello @LaurenPT ,

  1. Go to Online Store->Theme->Edit code
  2. Asset->theme.scss.liquid paste bellow code in bottom of file
@media (min-width: 768px){
.slideshow-wrapper {
    height: 100% !important;
}
}

Thanks

3

Thanks so much for the reply. I tried your suggestion and unfortunately it put the whole home page out of order and I had to remove the code.

4 
@media (min-width: 768px){
.slideshow-wrapper {
    height: 100% !important;
}
}

My mistake I forget to close the brackets. Try again it will work.

5

Find this code in your theme.sccss/theme.css file and replace the height with height: auto;

@media (min-width: 768px)
.slideshow-wrapper {
height: auto;
}

If this doesn’t help please let me know.

6

I tried again and it didnt work, looking at the codes you sent. I cant see a difference, but that could just be me!

7

@LaurenPT Are you talking about my codes?

8

Hi @Majit

Thanks for the help and no i was not referring to your codes. I just tried to follow your instructions and the only @media I could find was the below

@media only screen and #{$declaration} {
@content;

9

.slideshow-wrapper search with this in your theme.css file. Or send me a private message.

10

@LaurenPT

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media (min-width: 768px){
.slideshow-wrapper {
    height: auto !important;
}
}

Hope this works.

Thanks!

11

@dmwwebartisan thank you so much! that worked!