skip link to #content bypasses the h1 title

Hi there,

try this PHP Snippet to unhook the GP function and insert your own:

add_action('wp', function(){
    remove_action( 'generate_before_header', 'generate_do_skip_to_content_link', 2 );
    add_action( 'generate_before_header', 'custom_do_skip_to_content_link', 2 );
});

function custom_do_skip_to_content_link() {
	printf(
		'<a class="screen-reader-text skip-link" href="#your_section_id" title="%1$s">%2$s</a>',
		esc_attr__( 'Skip to content', 'generatepress' ),
		esc_html__( 'Skip to content', 'generatepress' )
	);
}

Just update the #your_section_id for your needs

Wow. David thank you. I'll try it and let you know.

Thank you. It works.

I haven't heard it on a screen-reader, but I can see the link is there:

<a class="screen-reader-text skip-link" href="#jump-nav" title="Skip to content">Skip to content</a>

and lower down after the navigation I have the destination anchor which I created with a hook element after-navigation:

<div id="jump-nav"></div>

It makes me think - on a mobile it is always tedious and confusing that links go to the standard page header rather than the content, yet on a larger screen it is right to do so because you can see both. Is there a simple way to make links eg to /events/ link instead to /events/#jump-nav on mobile phones?

hmmm.... i am not even sure where to begin with 'redirecting' on mobile only. I think its going to require JS, maybe some bright spark on Stack Exchange has an answer...

Thank you, David! Again :)
I think it's good for UX to enable smooth scrolling,
then link should have the corresponding class smooth-scroll.

<a class="screen-reader-text skip-link smooth-scroll" href="#your_section_id" title="%1$s">%2$s</a>

Glad you found it useful!

Hi David - just to say I did find a solution to the question I posed above, about how to make a link eg to /events/ into a link instead to /events/#jump-nav on mobile phones. I used some code you offered elsewhere, but it was also one of those occasions when by clarifying the question you find the answer...

https://generatepress.com/forums/topic/links-on-mobile-phones-to-go-directly-to-the-content-and-skip-headernavigation/

Awesome - so glad to hear that - and thanks for closing the loop with this topic.