How to remove "Skip to content" hyperlink?

  • Thebigspire

    (@thebigspire)


    10 years, 6 months ago

    Hi there!

    I’ve just installed Bose theme and I’m really enjoying it.

    However, there’s a “Skip to content” hyperlink appearing right at the middle of the header.

    I opened the header.php file and found the following code:

    <div class="container">
	<div id="top-nav" class="col-md-12">
		<nav id="site-navigation" class="main-navigation" role="navigation">
			<h1 class="menu-toggle"><?php _e( 'Menu', 'bose' ); ?></h1>
			<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'bose' ); ?></a>

			<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
		</nav><!-- #site-navigation -->
	</div>
</div>

    What can I do to fix this problem? Can I simply delete a part of the code above? If so, what exactly?

Viewing 2 replies - 1 through 2 (of 2 total)
  • catacaustic

    (@catacaustic)

    10 years, 6 months ago

    You can delete it, but it’s meant to be there as an accessability aid for vision-impaired users.

    What I’d suggest doing is hidding it using CSS instead. That way it’s not visible to “standard” users, but will be shown for screen readers. You would just add this CSS to your site:

    .screen-reader-text {
    display: none;
}
    Thread Starter Thebigspire

    (@thebigspire)

    10 years, 6 months ago

    It worked perfectly catacaustic! Thanks a million! 🙂

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘How to remove "Skip to content" hyperlink?’ is closed to new replies.