I am noticing some reduced functionality for the header links and anchor targets on ParkDC.com.
The first is that, once you are on a page, the anchor links will not work within that page. If you navigate using the header, you will not be able to select a second link on the same page from the header.
Example is, if I am already here https://www.parkdc.com/pages/permits#FAQs, the header link to https://www.parkdc.com/pages/permits#access does not work.
The targets are all structured like the below at the top of each section.
<a class="anchor" id="access"></a>
<a class="anchor" id="FAQs"></a>
Stylesheet for anchor is:
a.anchor {
display: block;
position: relative;
top: -45px; visibility: hidden;
}
/* On screens that are 768 or more, section links target adjust*/
@media screen and (min-width: 768px) {
a.anchor {
display: block;
position: relative;
top: -45px; visibility: hidden;
}
}
/* On screens that are 1199 or more, section links target adjust*/
@media screen and (min-width: 1199px) {
a.anchor {
display: block;
position: relative;
top: -45px; visibility: hidden;
}
}
The second is that the slug is not loading at all in some cases. Example is, clicking https://www.parkdc.com/pages/residential#residential_permit_parking_map bring you to the correct area on the page but the URL displayed is https://www.parkdc.com/pages/residential.
@Alex-Santos
