KPC
Kevin Powell - Community•3mo ago
Joni

Proper Navbar

Hey, I have a navbar which currently links to certain sections of my website. My navbar is always visible, hence why when you click on the sections in the navbar some get hidden, how do I resolve this issue? I will share a codepen below.The icons are probably broken, but they work for me (and I can't add on Codepen since I don't have premium). https://codepen.io/Joni8829/pen/BaEwJpO
4 Replies
winston
winston•3mo ago
i dont know if this is the best solution but you can add scroll-margin-top: (headerheight); to the sections
Kevin Powell
Kevin Powell•3mo ago
scroll-padding-top: 5rem; should do it oh, I was beat to it 😅 I always have better luck with scroll-padding over scroll-margin, I don't even know what the difference is tbh, I just try one, then the other when the first one doesn't work 😆 - I should probably read up on the difference
winston
winston•3mo ago
i was just wondering about what the difference would be haha, didnt know there was a padding version of it as well. thanks!
Joni
Joni•3mo ago
Thank you so much!
Want results from more Discord servers?
Add your server
More Posts
Handling sessions with php questionFor my project id like to start the session after they are successfully logged in and transferred toHow can I stack a div on top of my main content without it rendering extra space on the bottom?I have a dumbed down example of what I need below, but I basically want a floating sticky navigationtext on top of imagehow do i make text on top of images like https://shopify.com/ (shopify uses a video but ig its the ssrc refspec fix/careers-short-title does not match anyPretty simple error right? I've been pushing to the same remote branch for a couple weeks now and alhttp request, json-serverhello guys, using http patch how can i modify only certain todo items within the todo array? ExampleWorkaround CSS for smooth scrolling buggy in Google ChromeHello, following a video of Kevin, I think I discovered smooth scroll and enabled it right away, onlEmpty Space Caused by Containers or ContentHey everyone, I recently been using a retro platform called Spacehey to design old school "Myspacedesign tokensHey, could somebody please explain the advantages of laying out design tokens in this way: having aPromise is fulfilling as undefinedI have a component that fetches all the terms of a taxonomy product_type to be displayed on the fronIninity SliderHow can i create a ininity slider with a text box and a image like this?