Fullscreen slider below header

  • Resolved sorro445

    (@sorro445)


    7 years, 7 months ago

    I am creating an online shop an would like to use your plugin for a slider on the home page. I actually only need a very basic slider, no captions, content, buttons, layers etc…BUT: the slider not only needs to be fullwidth, but also fullscreen “beneath” the transparent header. I am no developer but have tried playing around with 100vh and 100vw, but I can’t get it to work…I have placed it in a row with some css so that at least it already is fullwidth, but I can’t get it to be 100vh…please, would it be possible for you to help me with this? I have treid many, many slider plugins but they either add a lot of bloat to my page or they don’t work with the minification plugin I need to use (js problems).

    Thank you so much for your help!!

Viewing 1 replies (of 1 total)
  • Kevin Batdorf

    (@kbat82)

    7 years, 7 months ago

    Hi @sorro445,

    Getting a 100% width and height requires you to use an absolute positioning on the slideshow with a 100% height and then use the container of that slideshow to make everything fit. This is because you need the image ratio to remain in place no matter the screen size, while the container is there to hide the edges.

    We don’t offer a built in way for this so you will have to use CSS to accomplish it. But with some time and CSS tweaks it’s possible.

Viewing 1 replies (of 1 total)

The topic ‘Fullscreen slider below header’ is closed to new replies.