css position - absolutely positioned logo not centeredd in iOS -
the logo on friends website working in browsers yet when open iphone or ipad (actual devices) it's wonky.
<a href="http://www.averylawoffice.ca/averywordpress"><img class="averylogo" src="<?php bloginfo('template_directory') ?>/img/header-averylawoffice-logo.png" alt="avery law office"></a>
it's not placed in containing div. on it's own.
css
.averylogo { position: absolute; width:360px; left: 50%; margin-left: -180px; z-index: 2; }
i'm not quite sure why works everywhere else doesn't center on ipad or iphone properly.
this it's looking like, on ios.
what doing wrong?
give #main-navigation
position:relative;
otherwise logo positioned relative body, resized on smaller device.
chris coyier has article it.
Comments
Post a Comment