Momentum: Gallery on Mobile adding Text Background

Site URL: https://studiobig.squarespace.com/services

Hello!
Is there a way to make the info text more visible just in the mobile version, for instance, adding a coloured background?

website pssw: studiobig

Can you take screenshot info text on mobile? I don't see any text.

58 minutes ago, tuanphan said:

Can you take screenshot info text on mobile? I don't see any text.

You have to press the small black circle with the "i" on the top right corner.
Also, is there a way to directly show the text without pressing that button?

Thank you!!

Add to Home > Design > Custom CSS

@media screen and (max-width:736px) {
body.show-info-mobile .slideshow .slide .image-detail-wrapper {
    background: rgba(0,0,0,0.5);
    color: white;
}
}

2 minutes ago, tuanphan said:

Add to Home > Design > Custom CSS

@media screen and (max-width:736px) {
body.show-info-mobile .slideshow .slide .image-detail-wrapper {
    background: rgba(0,0,0,0.5);
    color: white;
}
}

That worked perfectly!! So quick! 

Thank you so much 🙂

Hi @tuanphan 

Just a last question, do you also now how to make the text appear automatically in the mobile version? 

It works in the desktop version, but when you open the website with your smartphone you just see the picture and without text in my case they don't make much sense 😛 

Thank you!!

14 hours ago, giorgiarossi said:

Hi @tuanphan 

Just a last question, do you also now how to make the text appear automatically in the mobile version? 

It works in the desktop version, but when you open the website with your smartphone you just see the picture and without text in my case they don't make much sense 😛 

Thank you!!

@media screen and (max-width:736px) {
.slideshow .slide .image-detail-wrapper {
	background: rgba(255,255,255,0.5) !important;
}
}

5 hours ago, tuanphan said:

@media screen and (max-width:736px) {
.slideshow .slide .image-detail-wrapper {
	background: rgba(255,255,255,0.5) !important;
}
}

 

Hi Tuanphan,

Thank you for your quick reply, unfortunately it doesn't work, I still need to press the info button on the top right to show the text. 

If you see in the gallery styles there is the possibility to set the initial infoview, but apparently this applies only to the desktop version.

Thank you for your quick reply, unfortunately it doesn't work, I still need to press the info button on the top right to show the text. 

above code doesn't solve this problem.

if you need to handle the above, it will need js, I guess, and it's quite complicated.

Thank you for your help @tuanphan, I might try to contact squarespace then!