-
Posts
-
Hi Kriesi Team,
Is it possible to use the fullpage slider, but with less then 100% height?
I would like to to show a bit of the next section. Almost the same like Skype’s homepage.Hey pixup!
it could be possible. Please post a link to your website.
You can try this code:.avia-fullscreen-slider .avia-slideshow>ul>li { top: -13px !important; }Adjust “-13” as needed.
Best regards,
AndyI guess that the class
.avia-builder-el-0.av-minimum-height-100 .container, .avia-builder-el-0.avia-fullscreen-slider .avia-slideshowwill get a calculated height via JS. Im guessing that you will get the browser height and subtract it with the header height.
Is it possible to customize that script, so that I can add a ‘-100’ (for example) to the calculation?After that the slider is still working perfectly, and the next section appears at the bottom.
Best regards,
TheoHi!
to my code above add this:
.avia-section { top: -13px !important; }Try to change “-13” to 70 for example (for both codes!) to have a similar look to skype homepage.
Best regards,
AndyHi Andy,
I tried both together. But like I said, the next section isn’t moving further to the top. I only get a blank are at the bottom of the fullpageslider.
When I tried via Firebug, the only solution was to reduce the height of.avia-builder-el-0.avia-fullscreen-slider .avia-slideshowCan you check it again. Would be very nice.
Best regard,
TheoHi!
You can edit js > shortcodes.js, find this code on line 2139:
wh100 = win.height(),Replace it with:
wh100 = Math.round( win.height() * 0.80 ),It will only show 80% of the slider. You can adjust the value. Remove browser cache then reload the page.
Cheers!
Ismael
- The topic ‘fullpage slider with less then 100% height to teaser next section’ is closed to new replies.