Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 8, 2016 at 4:02 pm #579733
    Jillian

    Hi,

    I used the element: fullscreen slider, but the you cant read a piece of the caption when it’s viewed from an smaller screen see screenshot:

    View post on imgur.com

    Thanks guys,

    Yours faithfully,
    Abos

    February 8, 2016 at 6:28 pm #579817
    Yigit

    Hey Abosict!

    Since you are using fullscreen slider, it will be always displayed in 100% height of the screen and your caption is too long to fit on mobile.
    You can use following code in Quick CSS in Enfold theme options > General Styling to remove caption on mobile

    @media only screen and (max-width: 480px) {
.responsive #top .slideshow_caption { display: none; }}

    Then you can refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ to add additional text to your page and display it only on mobile

    Regards,
    Yigit

    February 8, 2016 at 7:55 pm #579860
    Jillian

    Oh no… Is there a way to make it possible to have content on a slider which is also capable for mobile ?

    February 9, 2016 at 7:40 am #580162
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling to make the caption content text smaller on mobile:

    @media only screen and (max-width: 480px) {
.responsive #top .slideshow_caption .avia-caption-content {
    font-size: 11px !important;
}
}

    Best regards,
    Rikard

    February 9, 2016 at 4:44 pm #580454
    Jillian

    That did not fix the problem unfortunally. Is it maybe possible to fix the slider on the background so when you scroll it is fixed.

    February 11, 2016 at 2:14 pm #581616
    Andy

    Hey!

    I checked your website on mobile and caption is appearing fine for me. Could you fix it? if not which result do you want to achieve? a mockup would be helpful.

    Best regards,
    Andy

    February 11, 2016 at 11:06 pm #581917
    Jillian

    Oh sorry. I thought I already updated you guys. Since that didn’t solve the problem I had a good talk with the client and made the step to not use a fullscreen slider as a background, but just one image (color content) as a background with a caption.

    Idk if this topic should stay open since there isn’t a solution. Maybe for other people who are searching for a solution?

    February 12, 2016 at 8:30 am #582080
    Rikard

    Hi,

    We can keep the thread open if someone else should have the same problem.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Fullscreen caption misses text’ is closed to new replies.