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

Fixes padding and behavior of hash links #1

Merged
merged 1 commit into from
Aug 6, 2022
Merged

Conversation

wackerow
Copy link
Contributor

@wackerow wackerow commented Aug 5, 2022

Issue

The nav bar has hash links to sections of the page, but needed a little padding for it to go to the correct place.

Fix

  • Added a simple global css scroll-padding-top: 6rem; scroll-behavior: smooth; to globals.css
  • The globals.css file that was there was not being used, so cleared out everything else, replacing with just this one adjustment, then imported into _app.tsx

@jonathanprozzi Didn't see an easy fix for this using Chakra but I'm still new to it, let me know if there is another way to do this.

@vercel
Copy link

vercel bot commented Aug 5, 2022

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated
mcon-site-2022 ✅ Ready (Inspect) Visit Preview Aug 5, 2022 at 0:15AM (UTC)

@jonathanprozzi
Copy link
Collaborator

@wackerow this is great, thanks for fixing!

@jonathanprozzi jonathanprozzi merged commit 1b50fc6 into main Aug 6, 2022
@jonathanprozzi jonathanprozzi deleted the scroll-behavior branch August 6, 2022 02:50
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

Successfully merging this pull request may close these issues.

2 participants