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

Remove parallax effect from hero screen on mobile. #1012

Closed
John-Paul-Larkin opened this issue Sep 16, 2024 · 4 comments
Closed

Remove parallax effect from hero screen on mobile. #1012

John-Paul-Larkin opened this issue Sep 16, 2024 · 4 comments

Comments

@John-Paul-Larkin
Copy link
Member

John-Paul-Larkin commented Sep 16, 2024

Note : This issue will only be assigned to beginners.
If you have previously contributed to open source, or have experience, please filter out the issues tagged with "good first issue" and "beginner friendly".

Context

On the Hero section of the Codú site, there is a parallex effect on the image. When we hover our mouse on the page the spaceman moves relative to the moon.
This works as intended on desktop, however on mobile, the input is being captured, preventing the user from scrolling down the page.

Expected Behavior

On mobile devices, disable the parallax effect and display the hero section as a static image.

Screenshots

Parallax effect astronaut on 0

Additional info

Provide any additional information here

@NiallJoeMaher
Copy link
Contributor

Open in case anyone wants to grab it!

@Stranger1298
Copy link

Hey @NiallJoeMaher Can I start working on this project

@John-Paul-Larkin
Copy link
Member Author

Hey @Stranger1298
I assigned you

@NiallJoeMaher
Copy link
Contributor

@Stranger1298 are you still working on this?

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

4 participants