Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 4, 2016 at 7:24 pm #593470
    silviouk

    HI there,

    I’m using the full screen slider, however, the images are not responsive and do not collapse and fit to smaller screens (phone).

    I have looked at the code, however I can already see that the % has been used, but this doesn’t seem to work on the slider.

    Is there something I can do?

    Thanks, Silvio

    March 7, 2016 at 5:36 am #594059
    Rikard

    Hey Silvio,

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

    Thanks,
    Rikard

    March 7, 2016 at 9:58 am #594156
    silviouk

    There you go.

    March 9, 2016 at 8:45 am #595374
    Ismael

    Hi!

    Thank you for the link. Note that the slider images are added as background and the background-size property is set to cover which means that the image will cover the whole container but it may cut off parts of the image to keep its aspect ratio. We can set the background size to 100% or “contain” but it will distort the image. The workaround is to hide the full screen slider on smaller screens then add another full width easy slider specifically created for mobile. Toggle the display of the sliders with css media queries. Example here: https://kriesi.at/support/topic/cant-click-hide-mobile-menu-submenu-items/#post-586327

    Best regards,
    Ismael

    March 9, 2016 at 4:19 pm #595643
    silviouk

    Thanks! I’ll remember this for future reference.

    March 10, 2016 at 9:06 am #596158
    Rikard

    Hi,

    Great, please let us know if you should need any more help on the topic.

    Best regards,
    Rikard

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