Magnetic Slide Addon Help
-
hey jocsti!
I'm not 100% sure if i got what you mean. I assume you have a menu at the top and you want your slides to move down a little.Normally, a slide fills up the whole screen (100% height). Let's say your menu has a height of 50px. Then we would want the fullscreen slider rows to fill 100% height minus 50px.
Try this CSS in lay options -> custom css -> css for desktop:.fp-section.fp-table{ margin-top: 50px; } .fp-section.fp-table, .fp-tableCell{ height: calc(100vh - 50px)!important; }
-
yes thats basically what i want, but that doesn't work with slides that got a colored background. see slide 2 in: http://www.stierberger.com/pia19422-a-striking-perspective/
-
Oh yeah, ok please replace all the CSS that I wrote to u before with just:
.fp-section.fp-table { padding-top: 50px; }
Also maybe you want to set your row gutter for projects that have fullscreen slider / magnetic slides activated to 0.
-
@arminunruh
is there a possibility to do the same thing with the bottom? because if i'm using a browser window, which is a bit more wide (16 to 10) i can't see the bottom of my slide. -
Hmm, maybe you can use the option "Give images and videos a max-width and max-height and center them" (only works for rows that contain one image or one row)
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