Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fixed header hiding the section #4324

Closed
sajalawasthi231 opened this issue Feb 14, 2022 · 1 comment
Closed

Fixed header hiding the section #4324

sajalawasthi231 opened this issue Feb 14, 2022 · 1 comment

Comments

@sajalawasthi231
Copy link

I'm working with fullpage.js on a site that has a sticky header. I want the fullpage sections to be 100vh minus the height of the sticky header so that the header is visible as the user scrolls through the sections, but the default functionality is just to make the sections 100vh no matter what. I looked into the offset extension, but that only allows for a percentage offset and I need the offset to be the exact pixel value of the header's height. Any ideas here?

@alvarotrigo
Copy link
Owner

alvarotrigo commented Feb 14, 2022

That's not possible at the moment.
All you can do is use padding inside your section so the content won't get cropped. Although you won't be able to solve the problem with the background image getting cropped or having a separation between sections.

I'll close the issue as it's actually a duplicate of #2785.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants