Slider not full width on mobile or tabled

  • The slider looks great on a desktop but the images are not full width on mobile or tablet views.

    I tried setting a mobile style for the image to have a width of 200% but that is no longer working.

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author Fabio Rinaldi

    (@fabiorino)

    Could you try to set the images as background instead of image elements?

    Thread Starter anix

    (@anix)

    I do have a version with the slides as background images but I couldn’t find a way to stop the text from flickering between slides. That is why I have a version with just one slide so the text can be the top layer and stay static for all of the image changes underneath.

    Here you can see it with the images as background images. This version is also having issues on a tablet, it happens with the 2nd slide.
    https://www.picturethisland.com/hp-copy

    Plugin Author Fabio Rinaldi

    (@fabiorino)

    Could you please modify the following callback (in your slider settings):

    beforeStart : function() {jQuery(window).trigger("resize");},

    Thread Starter anix

    (@anix)

    Unfortunately that didn’t fix it. It is still small.

    https://www.picturethisland.com/

    Plugin Author Fabio Rinaldi

    (@fabiorino)

    The problem is that, if you use an image element as a background, Crelly Slider will try to keep the proportions without loosing part of the image. That’s why the images are still small. The solution is settings the images as a background.

    Could you try to set that Javascript on the other version of the slider (https://www.picturethisland.com/hp-copy)

    Thread Starter anix

    (@anix)

    I understand but then the text flashes between the slides and I want it static.

    I did add the javascript to the other version as well. https://www.picturethisland.com/hp-copy

    Can you slider do what I am needing, or do I need to find another solution?

    Plugin Author Fabio Rinaldi

    (@fabiorino)

    This could be fixed by adding the text as an external html element, but that’s quite tricky… I can help you with that if you wish. Unfortunately the slider is not advanced enough to do what you want without this step ??

    Thread Starter anix

    (@anix)

    If you think we can make the external htlm layer work, then I am up to try it.

    Yes, would love your help.

    Plugin Author Fabio Rinaldi

    (@fabiorino)

    I said a stupid thing. Yes, that could work, but the slider would loose responsiveness. I’m sorry, I have quite a lot of work, that’s why I am also taking so long to reply. I can’t really help you, that’s something that can’t be done with Crelly Slider (at least for now)

    Thread Starter anix

    (@anix)

    Thanks for clarifying that. Will look into other options.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Slider not full width on mobile or tabled’ is closed to new replies.