/* !!!!!!!!!!!!!!!!!!!!!!!!!!!! IMPORTANT: the "targetOffset"" below is no longer needed when the a position:fixed menu prevents an acnhor link from showing (i.e. it goes under the menu.) Now, you can just put this css into your style sheet -- this is already included in our theme:*/ html{ scroll-padding-top: 54px; /*(or the height of your position: fixed element or menu.) Note, if linking to an anchor on the SAME page, everything works as expected. BUT, if linking to an anchor link on ANOTHER page, for some reason the value of the padding top must be increased by around 100px or so, affecting the position of all anchor links. CAN BE PUT ON ANY ELEMENT--AND IT MAY BE BEST NOT TO PUT IT ON THE ACTUAL ELEMENT AS ANY OTHER IMPLEMENTATION ON ANY OTHER ELEMENT SEEMS TO ADD THIS TO IT. AND CAN USE ANY PADDING SETTING (SUCH AS SCROLL-PADDING-LEFT ETC). https://www.w3schools.com/cssref/css_pr_scroll-padding-top.php*/ } /*Alternatively, instead of using a position: fixed declaration, use position: sticky which does not allow content to go underneath it. For position sticky to work, be sure to remove any overflow: hidden properties from the parent.*//*Alternatively, instead of using a position: fixed declaration, use position: sticky which does not allow content to go underneath it. Then you don't even need "scroll-padding-top". For position sticky to work, be sure to remove any overflow: hidden properties from the parent.*/ ------------------------------------------------------------ p.targetOffset { /*prevents the tops of # link targets from disappearing under the fixed menu header*/ display: block; position: relative; top: -95px; visibility: hidden; margin: 0px; padding: 0px; }