Magnetic slides 100% viewport height?
-
Ah, awesome! That's good to know. I was thought something was weird when I was adjusting the max-width max-height value and no changes were being made.
Thanks, I'll be on the lookout for any updates.
-
Hey, I just published the magnetic slides update. Let me know if it works for you!
-
Hello!
I'm trying to accomplish something like this slider with the magnetic slides addon: http://www.wearecollins.com
I mean: a classic fullscreen slider with the projects. I can't set it up to fit in the browser, reducing the width shows blank space up and down. As alexbruno said, It's OK if the left and right sides are cut off.
I have "Give images and videos a max-width and max-height and center them" activated with 100%.
Can it be done?
Thanks!
-
Hey MAN!
The way to do this is this: http://laytheme.com/how-to-use.html#full-bleed-images
Full bleed images, essentially row background images with the rows set to height of browser.
Then you could put some text in those rows that link to your projects. -
Hello! I'm trying to do this as well, but it leaves lots of space on the top and bottom.
I'm doing it with a mp4 and with a vimeo video, but both have the same issue.
You can take a look here: http://work.gonzalosanchez.co/testvideo/
Any help would be great, thank you! -
Hey Gonzalo,
You can activate "Give images and videos a max-width and max-height and center them" and use a percentage like 90% in the magnetic-slides/"fullscreenslider" options. This way your video will always fit into a browser height and width.
But there's no way to make a vimeo video fill the whole screen (without borders around) right now.I think in your link you just have a video that spans all columns.
-
Yea right.
That's a feature that I want to work on one day. -
hey MAN
I just did an update for the fullscreen slider and now that should work too :D
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it