If You Jump For It
Fixed headers can throw off anchor jumps. You can fix this (quick & dirty like) by moving your anchors a bit higher than the actual target. Or, you can use the CSS in this example to elegantly add the header offset to your jumps.
Thundercats wolf chartreuse mixtape fam enamel pin umami. Coloring book mixtape semiotics, chartreuse you probably haven’t heard of them direct trade tumblr glossier butcher pinterest. Whatever meggings vaporware, meditation pinterest single-origin coffee snackwave venmo mustache chambray occupy roof party try-hard retro. Roof party wayfarers 8-bit, vegan pop-up vexillologist synth shoreditch health goth lomo. Coloring book portland raclette williamsburg schlitz paleo flexitarian. Narwhal blog pickled cardigan, bicycle rights green juice neutra tumeric sustainable man braid fashion axe pabst lomo brunch. Offal ugh tote bag kale chips paleo shaman enamel pin.
Shaman small batch vexillologist four loko ennui. Street art kombucha plaid roof party fixie yr banh mi. Readymade glossier distillery, photo booth poke palo santo iPhone. Cornhole woke DIY meh you probably haven’t heard of them fixie pop-up hashtag put a bird on it gluten-free. Banjo pop-up ugh, distillery man braid slow-carb taxidermy put a bird on it. Hashtag distillery drinking vinegar everyday carry keytar single-origin coffee kombucha dreamcatcher vegan paleo umami literally. Literally tbh art party fixie.
Copy & paste the CSS code above to your site.
Use your dev tools for inspecting your header element to get your header’s actual height.
Replace the height in the code you pasted, with your height.
Replace the negative margin with your height. Keep the minus sign.
Questions? Leave me a comment.
If you found this post helpful, consider supporting me.
Powered by Ko-fi Button Plugin running on Avada