In each of my pages, just above the main content block, I have a named anchor item like so:

HTML Code:
<a id="jump"></a>
My site's css contains a media query that resets styles when the browser width is less than 770 (iPad Portrait). In order to save the mobile user having to scroll past my top menu links, I'd like to insert css into this query branch so that all my main site links are automatically appended with a reference to that anchor like so:

HTML Code:
<a href="about-us/#jump">About Us</a>
Can I do this with generated content via CSS?

I tried this but its not what I'm after:

.menu.nav a[href]:after {content:'#jump'; }