White space on mobile view below slideshow for narrative theme

Store Design
1

Hi,

I have a white gap appearing only on mobile view below the slideshow. Is it possible to remove this.

www.yimtee.com pw: yimteeth

Thank you!

2

@Gus5

can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media only screen and (max-width: 749px) {
.main-content .shopify-section:first-child {margin-bottom: -50px;}
}
1 Like
3

Hi @Gus5 ,

You can use @KetanKumar to lessen the space, but if you want to remove the space all the way and make the dots inside the slideshow container you can use this code below.

Find your theme.scss file under Asset folder and paste the code below.

@media only screen and (max-width: 749px){
.slideshow__indicators {
    margin-top: -35px  !important;
    position: absolute  !important;
}
.slideshow__text-container-mobile {
position: absolute !important;
}
}
1 Like
4

Thank you both! Both solutions worked perfectly

5

@Gus5

its pleasure to help us