Agency Pro Logo position on IOS

[mikemueller]

I've got an issue with the location of a logo for anything IOS (iphone and iPad) that I can't figure out.
http://custompageapps.com/teamdiablo/ is a test platform I setup.

Logo should be centered and above blow the menu bar and above the widget below (home top)

Instead, this is what it's doing on an ipad

CSS looks like

.genesis-nav-menu a {
border-top: 2px solid transparent;
color: #fff;
display: block;
padding: 10px;
padding: 1rem;
position: relative;
}

.site-header {
position: Absolute;
width: 300px;
z-index: 999;
top: 20%;
left: 50%;
height: 185px;
margin-top: -97px;
/* Half the height */
margin-left: -150px;
/* Half the width */
}

http://custompageapps.com/teamdiablo/

[AnitaC]

Whatever new settings you put for the logo needs to go down in the media queries section. Have you added the CSS down there?

---

Need help with customization or troubleshooting? Reach out to me.

[mikemueller]

Thanks Anita - Actually no. I'm using Jetpack's Custom CSS module and that ccs is placed there.
Should I modify the main style sheet? Or copy and paste everything from the media inquiry section down to the Custom CSS module?

[Author]

Posts