• Home
  • Blog
  • Showcase
  • Setup Docs
    • Sunshine Help
    • Flex Help
  • Support
    • Support Area
    • Contact us
    • Feedback
  • Connect
    • Newsletter
    • Twitter
    • Facebook
  • My Account
  • Flex
  • Sunshine
Support : Simple Pro Themes

Support : Simple Pro Themes

[Resolved] Links on slider

If you have purchased a product, please enter the email address that you used to register at time of purchase.
Log In
Lost Password

Create an Account
  • Your username must be unique, and cannot be changed later.
  • We use your email address to email you a secure password and verify your account.

Support › Forums › Flex Theme › Links on slider

  • This topic has 7 replies, 3 voices, and was last updated 5 years, 10 months ago by Chinmoy Paul.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 23, 2016 at 12:19 am #1243
    nomad_jess
    Participant

    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!

    August 23, 2016 at 2:57 pm #1245
    Davinder Singh Kanith
    Moderator

    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.

    August 23, 2016 at 3:03 pm #1247
    nomad_jess
    Participant

    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!

    August 23, 2016 at 3:12 pm #1248
    Davinder Singh Kanith
    Moderator

    Try following code then, see if it works.

    .flex-caption  {
    display: none;
    }
    
    a.read-more {
    font-size: 12px;
    display: block;
    }
    
    August 23, 2016 at 3:24 pm #1249
    nomad_jess
    Participant

    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!

    August 23, 2016 at 3:31 pm #1250
    Chinmoy Paul
    Moderator

    Replace

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

    WITH

    .flex-caption a.read-more {
        display: block;
        font-size: 12px;
    }
    August 24, 2016 at 12:23 am #1251
    nomad_jess
    Participant

    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!

    August 30, 2016 at 3:50 pm #1272
    Chinmoy Paul
    Moderator

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

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.
Log In

Copyright © 2022 · Simple PRO Themes for Genesis Framework · About · FAQs · Contact · Affiliates