While developing a WordPress theme recently, I tested it in Chrome, Firefox, and IE and everything worked as expected. Recently I noticed the named anchors were not working in Chrome. I narrowed the problem down to Chrome positioning the anchors on the screen at coordinates 0,0 probably because the elements were empty. Thanks to this comment, it’s as simple as adding the CSS display: inline-block to the named anchor elements. The code <a id="about"></a> was changed to <a id="about" style="display: inline-block"></a> and viola, the empty named anchors are fixed.
Empty Named Anchor Fix
June 14, 2011 By 1 Comment
JoshStauffer.com runs on the Genesis Framework
Genesis empowers you to quickly and easily build incredible websites with WordPress. Whether you're a novice or advanced developer, Genesis provides the secure and search-engine-optimized foundation that takes WordPress to places you never thought it could go. It's that simple - start using Genesis now!
Take advantage of the 6 default layout options, comprehensive SEO settings, rock-solid security, flexible theme options, cool custom widgets, custom design hooks, and a huge selection of child themes ("skins") that make your site look the way you want it to. With automatic theme updates and world-class support included, Genesis is the smart choice for your WordPress website or blog.
- Find out more about the framework features
- Check out the Genesis demo and the variety of child themes
- See example designs in the Genesis design showcase
Thank you! What a ball ache.