Microdata visible on smartphone

[edharris]

Hi,

I'm working on a child theme and am seeing some microdata visible to the user. Specifically, the "headline" and "description" properties that are attached to .site-title and .site-description classes are visible when the site is viewed on a smartphone. I'm unable to replicate the problem when the site is viewed at larger screen sizes, or when a desktop broswer is resized to smartphone screen size.

The site is http://cutchins.org

.title-area has a background-image, so you can only see part of the "description" property. When the background-image is removed from the style sheet, the entire "headline" and "description" are visible.

Any ideas on why this is happening? The child theme was developed after Genesis 2.0, and has html5 support is added correctly in functions.php

thanks,

Ed

http://cutchins.org

[emasai]

Find line 1628 in your stylesheet and remove the background which shows the smaller Genesis logo
.header-image .site-header .wrap {
background: url(images/[email protected]) no-repeat left;
background-size: 320px 164px;
}

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[edharris]

Awesome! Don't know how I missed that...
Thanks Lynne.

[Author]

Posts