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

Butter.js disables sticky header #1

Open
udoro opened this issue Jan 17, 2021 · 3 comments
Open

Butter.js disables sticky header #1

udoro opened this issue Jan 17, 2021 · 3 comments

Comments

@udoro
Copy link

udoro commented Jan 17, 2021

Hello, I love your script and used it in one of my websites. I noticed that my sticky headers are no longer appearing. Do you have a possible solution for this?

@udoro udoro changed the title Butter.js disables sticky menu Butter.js disables sticky header Jan 17, 2021
@udoro
Copy link
Author

udoro commented Jan 17, 2021

Never mind.. my bad.. I removed the header from the .butter div and that resolved it.

@udoro udoro closed this as completed Jan 17, 2021
@bcj-dev
Copy link
Owner

bcj-dev commented Jan 17, 2021

Yeah, I'm glad it worked out for you. All sticky/fixed elements should be positioned outside the container. If you have sticky elements that are supposed to be positioned further down in the container (not at the very top of the viewport like a header might be), then you may have to get creative with JavaScript since sticky elements inside of fixed elements don't stick like they normally would.

I would love to see the website though if you don't mind sharing!

@udoro
Copy link
Author

udoro commented Jan 17, 2021

thanks for the tip
https://school-masters.net/

@udoro udoro reopened this Jan 17, 2021
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

2 participants