Text overlay below slideshow on mobile (Minimal theme)

Solved
Highlighted
Tourist
17 0 0

Hello,

 

Text overlay displays perfect on desktop, but on the mobile version, it's below slideshow. How can I change it?

 

Theme: Minimal

Store URL: https://lalberobrand.com/

0 Likes
Highlighted
Excursionist
29 6 13

Hi,

open your theme.scss file and copy below code and paste in theme.scss file

.index-section.slideshow-section{position: relative;}
.slideshow__mobile-text-container{
	position: absolute;
    top: 10px;
    font-size: 14px;
}

Thanks & Regards
rbdtechworld

Would like to add new functionality or customize an existing one, please hire us.
If helpful then please Like and Accept Solution .
Email: developer9it@gmail.com

0 Likes
Highlighted
Tourist
17 0 0

It works like a charm, but is there any way I can make it smaller and white?

0 Likes
Highlighted
Excursionist
29 6 13

This is an accepted solution.

hi,

used below code

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

Thanks & Regards
rbdtechworld

Would like to add new functionality or customize an existing one, please hire us.
If helpful then please Like and Accept Solution .
Email: developer9it@gmail.com

1 Like
Highlighted
Tourist
17 0 0

Wow, thank you. You are a god!

0 Likes
Highlighted
New Member
3 0 0
Good great help
0 Likes
Highlighted
New Member
1 0 1

This partially works. I am using minimal theme as well, and am having the same problem. On mobile the text and button are below the slideshow, not over top of it. I tried your code and I noticed the text and button are behind the slideshow images, not in-front. Any suggestions? Thanks a lot for your help!

1 Like
Highlighted
Tourist
4 0 1

Same issue for me

0 Likes
Highlighted
New Member
1 0 0

Hi There!!

This code almost worked for me except that you can only see the text very briefly when I'm clicking in between slides and the text and button is also not centered on any of the slide images except the first one. Any further tips/ideas?

You can check out my site for reference at: themissingpiece.shop 

0 Likes
Highlighted
New Member
1 0 0

i'm having the same problem, have you solved yours?

0 Likes