Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
robienhali

how to show the whole caption on a mobile phone

Recommended Posts

Posted (edited)

Hi there, I would like to know how to 'control' the caption below my image gallery. I've seen some topics about it (mostly about showing the caption on mobile) and tried the codes provided, but nothing worked so far. This is how the gallery looks like on a desktop:

alt text

And this is how the caption shows on a mobile:

alt text

Halfway through a word, the caption just stops.

I would love to know how to fix this, how to show the whole caption on a mobile phone. I'm using Brine.

Thanks so much for your help,

Robien

schermafbeelding-2019-07-23-om-164549.png.c46554326218e168f7688786e42b0f9c.png

schermafbeelding-2019-07-23-om-164601.png.3923e716be8522e7f3592c8d52d341ee.png

Edited by robienhali
Initial Revision

Share this post


Link to post

@robienhali Add to Home > Design > Custom CSS


@media screen and (max-width:640px) {
.sqs-gallery-block-grid.sqs-gallery-block-meta-only-title .margin-wrapper .image-slide-title {
  white-space: normal !important;
}
}


Share this post


Link to post

@robienhali I used to take a course. And based on my experience, you don't need to learn everything. You just need to learn CSS Selector, Inspect Element and how to search on W3Schools when having problems with CSS. That is enough.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...