How to Make a Fixed Header Align and Play Nice With the Page

Laptop with Code

Do you have a fixed header area on your website that is not playing nice with the rest of the page?  You can’t quite get the bottom of the fixed header to line up with top of the page content?

Maybe you tried manually adjusting the margin at the top of the content, but when the header height changes at different screen resolutions, what to do?

Well, there’s an easy fix that makes the margin completely dynamic and it uses jQuery.  Use this jQuery in your theme… Continue reading How to Make a Fixed Header Align and Play Nice With the Page

Automatic Table of Contents Sticky Magellan Menu for WordPress Posts

Magellan Menu

See that sweet Magellan menu over on the right sidebar (if you’re not viewing the AMP version of this page)? →

Pretty cool right?

  • It acts as a nice table of contents for the post (and it’s 100% automatic!).
  • You can click the links to smooth scroll down to that section.
  • As you scroll, the visible section is highlighted.
  • It’s also inside of an awesome Theia Sticky Sidebar.

Continue reading Automatic Table of Contents Sticky Magellan Menu for WordPress Posts