Links on slider

[nomad_jess]

Hi there,

I have hidden the caption in mobile view by using the code display: none. But it has also removed the ‘Read more’ button and the post title is not linked. How can I make the title clickable through to the post?

Thank you in advance!

[Davinder Singh Kanith]

Remove display: none from following code under

@media only screen and (max-width: 474px) {

  .flex-caption a.read-more {
    	font-size: 12px;
        display: none
    }

and then check for read more button.

[nomad_jess]

But then the caption will come back, right?

I added the display: none code as a result of discussion in another thread. The photos/text were being cut off in the slider in mobile view, so it was suggested I hide the caption. But hiding that also hid the ‘read more’ button. I didn’t receive a reply to that so I made a new thread here.

If there is a way to add the ‘read more’ button in mobile view without the caption and keep the formatting in check, that would be great. Otherwise, I’m trying to link the title so that the slider is clickable in mobile view. Right now you can’t click through to anything.

Many thanks in advance!

[Davinder Singh Kanith]

Try following code then, see if it works.

.flex-caption  {
display: none;
}

a.read-more {
font-size: 12px;
display: block;
}

[nomad_jess]

OK, just tried it. But unfortunately it doesn’t seem to have changed anything, even after flushing the cache. Any other suggestions?

Thanks so much!

[Chinmoy Paul]

Replace

.flex-caption a.read-more {
    display: none;
    font-size: 12px;
}

WITH

.flex-caption a.read-more {
    display: block;
    font-size: 12px;
}

[nomad_jess]

OK, so that worked. But the ‘read more’ button is huge (covering most of the image) and the title text is again cut off. Is there a way to correct the formatting?

Thanks so much!

[Chinmoy Paul]

You opened the new thread about this issue. So we are marking it as RESOLVED now.

[Author]

Posts