This problem has been fixed in Genesis 2.2.1. Therefore the following is not relevant any more. Make sure your parent Genesis theme is always up to date.
If you have upgraded Genesis parent theme in your site to 2.2 and using a theme other than Genesis Sample 2.2 as the active child theme, you might have noticed that Archive Headline and/or Archive Intro Text set for categories are no longer appearing.
Bill Erickson tweeted that this is going to be fixed in Genesis 2.2.1. In the meantime you can install Genesis Accessible plugin to bring back the Archive Headline and Intro Text.
If you are someone like me that prefer adding snippets of code to your theme files rather than using a plugin, you can also fix the problem like so:
Step 1
Add the following in child theme’s functions.php:
// Add Accessibility support | |
add_theme_support( 'genesis-accessibility', array( 'headings', 'drop-down-menu', 'search-form', 'skip-links', 'rems' ) ); |
Step 2
Add the following in child theme’s style.css:
/* ## Screen Reader Text | |
--------------------------------------------- */ | |
.screen-reader-text, | |
.screen-reader-text span, | |
.screen-reader-shortcut { | |
position: absolute !important; | |
clip: rect(0, 0, 0, 0); | |
height: 1px; | |
width: 1px; | |
border: 0; | |
overflow: hidden; | |
} | |
.screen-reader-text:focus, | |
.screen-reader-shortcut:focus, | |
.genesis-nav-menu .search input[type="submit"]:focus, | |
.widget_search input[type="submit"]:focus { | |
clip: auto !important; | |
height: auto; | |
width: auto; | |
display: block; | |
font-size: 1em; | |
font-weight: bold; | |
padding: 15px 23px 14px; | |
color: #333; | |
background: #fff; | |
z-index: 100000; /* Above WP toolbar. */ | |
text-decoration: none; | |
box-shadow: 0 0 2px 2px rgba(0,0,0,.6); | |
} | |
.more-link { | |
position: relative; | |
} | |
/* # Skip Links | |
---------------------------------------------------------------------------------------------------- */ | |
.genesis-skip-link { | |
margin: 0; | |
} | |
.genesis-skip-link li { | |
height: 0; | |
width: 0; | |
list-style: none; | |
} | |
/* ## Accessible Menu | |
--------------------------------------------- */ | |
.menu .menu-item:focus { | |
position: static; | |
} | |
.menu .menu-item > a:focus + ul.sub-menu, | |
.menu .menu-item.sfHover > ul.sub-menu { | |
left: auto; | |
opacity: 1; | |
} |
Before:
After:
Does this have to be done if we are using your Genesis sample theme that you modified?
Yes. Because I have not yet updated it based on Genesis Sample 2.2.