How can I make a slideshow full screen to eliminate white space?

Store Design
1

How to make the slideshow become full screen? Right now between slideshow and gallery there is an white space. What should I change? Thanks

ζˆͺ屏2023-03-20 δΈ‹εˆ3.38.39.png
ζˆͺ屏2023-03-20 δΈ‹εˆ3.38.39.png1904Γ—223 294 KB

https://phantomgogo.com/

2

Hi @Kathy518 ,

I understand you want to extend the height of the slideshow to cover the whole device screen. Please follow the instructions below. Since the height was inlined code, I need to use the !important to cover

  1. From your Admin page, go to Online store > Themes > click the three dots > Edit code
  2. Find the Asset folder, and open the styles.css file
  3. Add the code below at the very end of the file
@media only screen and (min-width: 859px) {
.rimage-outer-wrapper.rimage-background.fade-in.lazyloaded {
    height: 100vh !important;
}
}
3

Thank you! It works.

4

I still have a question. When I changed my slideshow, it looks like effect my gallery size. I am wonder does this effect my gallery size or just only change the slideshow?