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

Excursionist
17 0 2

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.

 

ikura_0-1607002697439.png

 

thanks,

ikura

0 Likes
Shopify Partner
26 1 1

Please share your store URL,

I will provide you a solution.

 

 

0 Likes
Excursionist
17 0 2

Thanks I sent you the URL/PW per  PM

0 Likes
Excursionist
17 0 2

forgot to mention your name @AkViradiya 

0 Likes
Excursionist
17 0 2

@AkViradiya :

 

you wrote me:

 

"

Add CSS.

.slideshow{position:relative;}

.slideshow__indicators{position:absolute;bottom60px;}"

 

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

 

thanks,

ikura

0 Likes
Shopify Partner
26 1 1

You need to add a slideshow.liquid file

0 Likes
Excursionist
17 0 2

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.

0 Likes
Shopify Partner
26 1 1

<style>

@media (max-width: 767px){

.slideshow{position:relative;}

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

}

</style>

Excursionist
17 0 2

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??

0 Likes
Shopify Partner
26 1 1

Replace Below code. It will appears

<style>

@media (max-width: 767px){

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

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

}

</style>

0 Likes