Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 4, 2016 at 4:28 am #577527
    xfacta

    Hi there

    Im using full screen slider however when I view the image and text on my iPhone the whole thing hasn’t shrunk properly. The full image doesn’t show only part of it and also the text for Caption Title and Caption Text become too small.
    How can I fix this please :-)

    February 5, 2016 at 5:26 am #578244
    Rikard

    Hi xfacta,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    February 5, 2016 at 5:32 am #578250
    xfacta

    Yes certainly.

    February 5, 2016 at 1:06 pm #578466
    Ismael

    Hi!

    The background size property of the slides are set to “cover” in order to keep the images’ aspect ratio: http://www.w3schools.com/cssref/css3_pr_background-size.asp

    Scale the background image to be as large as possible so that the background area is completely covered by the background image. Some parts of the background image may not be in view within the background positioning area

    You can set it to “contain” but it will distort the images.

    Cheers!
    Ismael

    February 5, 2016 at 8:22 pm #578729
    xfacta

    Hi there
    Is there anyway to make sure the text on the slider doesn’t get so small on the mobile screens though as it becomes too small?
    Cheers

    February 8, 2016 at 6:26 am #579366
    Rikard

    Hi,

    Please try something like this in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
    font-size: 30px !important;
}
}

    Regards,
    Rikard

    February 9, 2016 at 3:35 am #580037
    xfacta

    Much better thank you so much :-)

    February 9, 2016 at 10:33 am #580255
    Vinay

    Hi!

    Glad we could help you with this :)
    If you have more questions please feel free to get in touch with us.

    Cheers!
    Vinay Kashyap

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Full Screen Slider – responsive on mobile’ is closed to new replies.