Mobile Gallery Captions Custom Code- Please Help!

There has got to be a way to get the captions to show on mobile sites. I have added code to make the galleries show up with 2 columns on mobile but I need the captions to show up! 

I found this code in another weebly discussion thread and I believe this is the code I used to make it happen on my older theme but it is no longer working on the newer theme. Using the Travellers theme (I think its the unite theme). When added to the settings header area it does not work fully (no captions show up). But when added into the html/css editor, the code sort of works but messes up the logo and navigation bar. I think the code is close but doesn't quite do the job. I'd be so thankful for help to get this worked out! Thanks!!!!! It seems crazy how non-responsive galleries are on mobile sites. 

https://onledbetterphotography.weebly.com/basic-projects.html

<style>
@Media screen and (max-width: 767px)
{
.partialImageGalleryCaption.galleryCaptionHolder
{
height:100% !important;
}
.galleryCaptionHolder .galleryCaptionInnerText, .wslide-caption .wslide-caption-text
{
font-size: 1.1em !important;
}
}
</style>

<style type ="text/css">
@Media(max-width:767px){
.imageGallery > div {
width: 49.5%!important;
}
}

</style>

376 Views
Message 1 of 1
Report
0 REPLIES 0
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.