WordPress.org

Forums

[resolved] 2013 theme "skip to content" removal (10 posts)

  1. ian277
    Member
    Posted 1 year ago #

    Hi,
    I'd like to remove the "skip to content" link on the twentythirteen childtheme.

    I think I found the code in the header.php but not sure what to do with it.

    Any Ideas? Thanks!
    Seen here:

    <div id="navbar" class="navbar">
    				<nav id="site-navigation" class="navigation main-navigation" role="navigation">
    					<h3 class="menu-toggle"><?php _e( 'Menu', 'twentythirteen' ); ?></h3>
    					<a href="#content">"><?php _e( 'Skip to content', 'twentythirteen' ); ?></a>
    					<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>

    [Please post code & markup between backticks or use the code button. Your posted code may now have been permanently damaged by the forum's parser.]

  2. Lance Willett
    Themer
    Posted 1 year ago #

    Hi,
    Why do you want to remove it? It's important for accessibility.

  3. ian277
    Member
    Posted 1 year ago #

    Hi Lance,

    I'm not putting a long blogroll of scrolling content on the homepage or the other 3 pages that really requires the "skip to content" as I don't think it will look good in the header above the nav menu.

    here's my site - http://www.pictureprosody.com

  4. Lance Willett
    Themer
    Posted 1 year ago #

    Oh, it should be hidden with CSS. Did you delete the styles from the original theme?

    See Twenty Thirteen's stylesheet for something like:

    /* Assistive text */
    .screen-reader-text {
    	clip: rect(1px, 1px, 1px, 1px);
    	position: absolute !important;
    }
  5. ian277
    Member
    Posted 1 year ago #

    No, I just made a child theme and added some header formatting I copied to move the nav bar from the top to the bottom.

    Is Assistive text the "skip" link?

    Should I just remove it entirely?

    Thanks.

  6. esmi
    Forum Moderator
    Posted 1 year ago #

    Please don't. That skip link is vital for some users.

  7. ian277
    Member
    Posted 1 year ago #

    Hi Esmi,

    Am I missing something that makes it so important? Seems like it's only jumping to scroll/push the header up.

    I'm not sure why it's needed or essential.

    Thanks

  8. esmi
    Forum Moderator
    Posted 1 year ago #

    Am I missing something that makes it so important?

    It is needed for a whole range of users who do not use graphical web browsers and/or a mouse to navigate sites.

  9. ian277
    Member
    Posted 1 year ago #

    Thanks Esmi. I appreciate your response. Any advice on how to aesthetically change it?

  10. Lance Willett
    Themer
    Posted 1 year ago #

    ian277, you don't need to change it. Just hide it with CSS like Twenty Thirteen does. :)

Topic Closed

This topic has been closed to new replies.

About this Topic