doker doker - 4 months ago 6x
CSS Question

A tag will not wrap the whole span

I have a strange issue with logo at that site.
The logo at top left hand side is made like that:

<div id="logo">
<a href="">
<span id="logo1"></span>
<span id="logo2"></span>
<span id="logo3"></span>

where spans have sizes and display: inline-block
yet only about a half of the first span is clickable and nothing that I do seems to help resolve this issue.

What's going on?

(I know there are some small html validation errors but hey, this is wordpress :) )


Add in your style.css line number 72 z-index: 9999;

#logo {
    position: fixed;
    padding: 1em;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    -webkit-transition: all 1s;
    transition: all 1s;
    margin-top: -21px;
    width: 38%;
    z-index: 9999;