Displaying Gallery Title on Mobile Homepage

Site URL: http://denizdemir.photos

Site URL: http://denizdemir.photos

I'd like to simply have the gallery on my homepage display the gallery title when scrolling over the gallery image. The mouseover works on desktop but I find that people are not clicking on the gallery pages on mobile because they don't see the gallery title.

Anyone might know some code for this to work? I'd only like to add this feature to the homepage on the mobile version.

Thanks in advance.

.touch .collection-type-gallery #slideshowWrapper .image-description{
	position: relative; 
	display: block; 
	background: transparent;
	padding: 5px 0px 20px;
}

Add this to Custom CSS

18 hours ago, Julia-K said:

.touch .collection-type-gallery #slideshowWrapper .image-description{
	position: relative; 
	display: block; 
	background: transparent;
	padding: 5px 0px 20px;
}

Add this to Custom CSS

Thanks for that! That definitely works in providing titles onto the mobile site however they are displayed as titles under the image. Is there a way to have the title display as you scroll past it? Kind of like the 'hover roll over' effect on the desktop version.... It just looks a bit cleaner that way...