Struggling with getting a slider section to fit on page without the need to scroll

Hi everyone.

I’m a complete novice when it comes to this kind of stuff! My site is currently hosted over at Squarespace which has served me very well, but I can’t quite customise it enough. Hence I’m going to make the move to webflow!

I want a landing page which will slideshow some of my work, with my navigation at the top. Ignore the fact for now that on the first image this means you can’t see the text, that isn’t the issue. Despite setting the height and width values to 100% in several places (I’ve lost track) it still causes me to scroll down when on the landing page. I want it to be like my current site which you can see here: http://www.leegriffithsphotography.com/

Here’s what I’ve done so far: http://leegriffithsphotography.webflow.io/

Any help would be greatly appreciated.

Hey there, awesome start on your site.

Could you provide your share link (find how to here) so I can take a look?

I believe however, the only thing you’ve missed is making sure your body element & the main section on the landing page has a height of 100% on it also (more on that here)

Thanks!

Thanks Jaiden,

Here’s the link: https://preview.webflow.com/preview/leegriffithsphotography?preview=9e0eb8b9918571def431a2e173945800

I’ve changed the body height to 100% and then the slider disappears! lol. Tried changing the Z value but that makes no difference.

The code is probably a complete mess because this is something I’ve played around with over and over again. Plan is, once I’ve figured it all out to start again just to make sure it’s nice and clean.

Jaiden,

I just figured it all out. Thanks for your help!! :smile:

https://preview.webflow.com/preview/leegriffithsphotography?preview=9e0eb8b9918571def431a2e173945800

1 Like

Glad it all worked out for you!
You’re very welcome :slight_smile:

And PS, great thinking, starting over to have a clean slate is a great idea to produce clean code.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.