Hello,
I'm in need to alter the "landing"/on click position of all the sites page anchor links (<a name="name-here">). I have a sticky menu that cover the titles of the section being linked to. I was initially trying to style the "a name" but I'm not sure it that's possible.
So, if I were to have:
<a name="page-title"></a>
<h2>Title of Section Ect.</h2>
<p>Information about this sections and da, da, da....</p>
<a name="page-title2"></a>
<h2>Another Title of Section Ect.</h2>
<p>Some more Information about this sections and da, da, da....</p>
I'm wondering if I can do something in CSS to cover all "name." I'm able to add spacing to the top/before using:
a[name]:before { content:""; display:block; margin-top: 75px; }
...but then I'm just adding a fat gap before each section and it looks bad.
I can't go through and add an id and/class to all these links, it's just not possible at this point.
Hope this makes sense.
Any help and/or suggestions are greatly welcome.
Thanks in advance!
m@