Fullscreen Slider — Mobile

[mike]

Hi Armin

I am using the fullscreen slider add on. It is working great for desktop however I want to completely disable it for mobile so that the site is 100% width on any device (currently the images are being cropped off). I have ticked the disable for phone option but this just turns of the magnetic slide. Any advice?

http://www.rolandbrauchli.com/

Many thanks

Mike

[arminunruh]

Hey Mike, you are using row background images for all of your images right?

[mike]

Yes I am using the background image per row with 'Use browser height' ticked. I am using a Page rather than a Project / Category if that makes a difference.

Thanks!

M

[arminunruh]

Hi Mike, sorry for my late response, was a busy last week.

Try this CSS in "Lay Options" -> "Custom CSS" -> "Custom CSS for Mobile"

.background-image img.bgh100, .background-image img.bgw100{
    height: auto;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
}

.background-image{
    position: relative;
    margin-bottom: 5%;
}

.row._100vh, .row-inner._100vh{
    min-height: 0!important;
}

You can change the margin-bottom: 5% value to have a different space between the images.

[mike]

That works! Thanks so much, don't know how you keep with all this! You are doing a great job :thumbsup:

[arminunruh]

Thanks a lot mike!! :)