Position is off when from External page

Hi Katie,

thank you for your kind feedback. ??

I couldn’t find the theme “Dynamic” in the WordPress repo and therefore don’t know whether it has it’s own setting to add some custom CSS. Perhaps you can check that yourself? You should find a form field “Custom CSS” under Appearance > Customize or Appearance > Theme Options. If not …?well, don’t worry: You can install a plugin such as Simple Custom CSS and use that instead.

In the Custom CSS field, you add following CSS-Code:

.sta-anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

This will move the anchor 100 pixel up and create just the gap you need to display the following Headline (e.g. School Programs) underneath the sticky header. It will work for external links the same as when moving within the webpage (no reason to add an additional offset under Settings > Reading > Scroll to Anchor settings).

Please give me a short feedback if that solution works for you (and a longer, of it doesn’t).

Best regards, Bego

That worked perfectly!!! I can’t thank you enough Bego! The theme did have a Custom Css option so I put that code in there and it worked great!

Thanks again!

Katie

My pleasure. ??