Narrative theme slideshow Slider points - can they be shown over the pictures and not below?

[ikura]

Hi all,

im having a question if for a slideshow in narrative on mobile-version the slider-points can be shown on the pictures and not below? im wondering if there is a possibility that the white space with the header text is not shown at all, but that right under the slideshow the next module of the theme/page is shown. Or at least that it is not that high? In case I do not have  header text at all.

thanks,

ikura

[AkViradiya]

Please share your store URL,

I will provide you a solution.

[ikura]

Thanks I sent you the URL/PW per  PM

[ikura]

forgot to mention your name @AkViradiya 

[ikura]

@AkViradiya :

you wrote me:

"

Add CSS.

.slideshow{position:relative;}

.slideshow__indicators{position:absolute;bottom: 60px;}"

where should I add this? I am new to this.

thanks,

ikura

[AkViradiya]

You need to add a slideshow.liquid file

[ikura]

hm I added it and then I see the Text you gave me is appearing under the slideshow on the page??? can you please check if I entered it right? obviously not. I added it at the botttom of the slideshow.liquid file.

thanks.

[AkViradiya]

<style>

@media (max-width: 767px){

.slideshow{position:relative;}

.slideshow__indicators{position:absolute;bottom: 60px;}

}

</style>

[ikura]

thanks for that! it worked in that way that the slider-indicators (points) are gone and that the white part under the slideshow is smaller. Is there a way to have the slider-points/indicators ON the bottom part of the slideshow-pictures??

[AkViradiya]

Replace Below code. It will appears

<style>

@media (max-width: 767px){

.slideshow,.slideshow--adapt{position:relative;}

.slideshow__indicators{position:absolute;bottom: 60px;}

}

</style>