If You Jump For It

Don’t Miss

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.

Name of Menu Anchor

top

Lorem ipsum dolor amet roof party mlkshk air plant celiac snackwave, bushwick ennui kale chips selfies pitchfork shabby chic. Cold-pressed beard cronut wayfarers, hella deep v tbh photo booth iPhone pickled disrupt. Humblebrag palo santo cred knausgaard. Crucifix hexagon mumblecore cornhole etsy. You probably haven’t heard of them succulents schlitz XOXO freegan kogi, beard adaptogen godard chillwave snackwave pop-up narwhal marfa selfies.

Menu Anchor Element

top

Vaporware meggings normcore, succulents direct trade keffiyeh four dollar toast. Keytar freegan forage asymmetrical. Palo santo paleo synth selvage, helvetica typewriter kitsch butcher banjo yuccie keffiyeh. DIY mustache flexitarian put a bird on it, venmo single-origin coffee pork belly prism. Pok pok quinoa coloring book waistcoat knausgaard adaptogen lomo air plant. Dreamcatcher tbh leggings vape raw denim paleo selfies iPhone fam godard kogi. Skateboard semiotics prism VHS.

Vanilla HTML Anchor

top

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.

The Code

Copy to Clipboard

Instructions

Copy & paste the CSS code above to your site.

How to Add Custom CSS to your WordPress Site

Use your dev tools for inspecting your header element to get your header’s actual height.

Firefox Developer Tools

Chrome DevTools

Replace the height in the code you pasted, with your height.

Replace the negative margin with your height. Keep the minus sign.

Questions or Comments?

If something isn’t clear or if I missed something, please leave me a comment below.

Buy Me a Coffee at ko-fi.com