Create a full website: header + slider

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)

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!

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.

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!