Text overlay below slideshow on mobile (Minimal theme)

Solved
Highlighted
Tourist
3 0 0

Not sure if you still have the problem but:

Add the following property to the slideshow__mobile-text-container class:

z-index: 2;

0 Likes
Highlighted
Excursionist
29 0 4

Hi there,

How to move all the text and buttom down a bit? also I would like to make the text like.

   New Zealand
 Merino Clothing

   ( Buttom)

Thanks
截圖 2020-10-31 下午12.51.27.png截圖 2020-10-31 下午12.51.39.png

0 Likes
Highlighted
New Member
10 0 0

Hi, I added the code:

@media screen and (max-width: 768px){
.index-section.slideshow-section{position: relative;}
.slideshow__mobile-text-container{
position: absolute;
top: 2.5%;
font-size: 14px;
color: #fff;
}
.slides__title+.slides__btn {
position: absolute;
margin-top: -50px;
margin-left: 100px;
line-height: 20px;
min-height: 20px !important;
}

 

It works great on my first slideshow block. But it does not effect the second slideshow block on the same page. Any suggestions?

0 Likes
Highlighted
New Member
10 0 0

me again....

 

to be precise it does effect the second slidewhow, but somehow the text and button get not the same position, even if all pics are the same size 1000x500.

 

However, there is the chance to JUST have the button on the second slideshow?

0 Likes