Link to sidebar in responsive theme

Community Forums Forums General Discussion Link to sidebar in responsive theme

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  HelenaB 1 year, 1 month ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #62985

    Susan
    Moderator
    Post count: 9255

    I had someone ask me if it’s possible to add a link under the header (or maybe in the menu), that would take a visitor to a site directly to the sidebar when viewing the site on a mobile device (rather than having to scroll down…)

    Thoughts?


    Susan @ Graphically Designing I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #63338

    HelenaB
    Participant
    Post count: 47

    Hi Susan

    It’s a good idea actually.

    I try to always add a skip link via simple hooks in genesis_before_header to take keyboard users and screenreaders past the navigation and straight to the page content – you could add one to take people to the sidebar as well. These could be positioned off-screen and activated on focus for larger screens and visible the whole time on mobiles.

    <ul id="skip">
      <li><a href="#content">skip to content</a></li>
      <li><a href="#sidebar">skip to sidebar</a></li>
    </ul>

    Guess you could also get fancier by checking to see if there’s a sidebar on the page before adding that link…

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

You must be logged in to reply to this topic.