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

Feature Request: Sticky Header #3

Open
ghost opened this issue Sep 21, 2022 · 3 comments
Open

Feature Request: Sticky Header #3

ghost opened this issue Sep 21, 2022 · 3 comments

Comments

@ghost
Copy link

ghost commented Sep 21, 2022

Hi 👋,
Shapebox is already awesome 👌..
I think if you can add an option to make the header sticky that would be nicer 🙂.
Thanks ..

@AlxMedia
Copy link
Owner

Hi! Thanks.

The header is sticky for screen resolutions above 1080p width. You can edit this, if you want it to work for lower resolutions.
https://github.com/AlxMedia/shapebox/blob/master/js/scripts.js#L83-L101

Change the two instances of:
minscreenwidth: 1081,
To something lower. Note that it will break for mobile, but you can have it stick for tablets.

@AlxMedia
Copy link
Owner

If you want it to not hide on scroll down for desktop screens you can also remove this section:
https://github.com/AlxMedia/shapebox/blob/master/js/scripts.js#L115-L146 (Line 115-146 in /js/scripts.js)

@ghost
Copy link
Author

ghost commented Sep 22, 2022

Will try .. Thanks 😊

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

No branches or pull requests

1 participant