Tr1stan
(Sebastian Gomez)
May 18, 2022, 12:39am
1
Hi!
This is my first time in the forum. I want to create a full screen website (no scrolling) made of a slider and a header on top. Just like this mockup:
Could you tell me how to achieve that? Thank you very much for your help!
Here is my site Read-Only: LINK
(how to share your site Read-Only link )
mww
(Milan )
May 18, 2022, 4:20am
2
Hi @Tr1stan ,
Welcome to the forum!
You should be able to do this by adding a Navbar element then adding a slider underneath. If you want to the nav to overlap the slider you can do the following - set the navbar to position: fixed > top then give the slider a height of 100VH.
You can then set the background image on the Slides to cover.
Here’s a demo site I quickly put together: Webflow - Full Page Slider
Hope this helps point you in the right direction!
Tr1stan
(Sebastian Gomez)
May 20, 2022, 3:38pm
3
It worked! Thank you MWW.
Just wonder how I could get rid of the vertical scroll bar on the right. Although the page has not space for scrolling, the scroll bar is still there.
mww
(Milan )
May 21, 2022, 8:39am
4
Hi @Tr1stan ,
You could try setting the body to overflow:hidden or setting a max-height of 100VH.
If that doesn’t work, please send through a Read-only link to your website and I’ll have a look.
Cheers!