I have 2 issues with my header logo displaying properly on an iPhone & have attached 2 images to give you a clear picture. I'm using Pagelines Framework + Base Theme + Featured Branding plug-in.
1. on the main Blog Page, a 'duplicate' logo image appears below the site logo. What could be causing this? Can you point me in the right direction. None of the changes I make seems to have any affect.
2. on regular Pages, no duplicate logo appears, but the social links bleed into the site logo.
Here is the CSS that Firebug shows for these Social Icons --- I'd be happy to make them invisible for Mobile users, frankly. Any CSS suggestions for that?
section#featured-branding.section-featured-branding .icons {
bottom: 50%;
height: 24px;
line-height: 20px;
position: absolute;
right: 0;
text-align: right;
}
section#featured-branding .icons {
margin-top: 5px;
padding-right: 5px;
position: static;
}











