What's Going On
#logo
has a height of 0
. For some reason, clicking the fancy box is causing it to have overflow:hidden;
applied as well. There are several ways to fix the issue. We could apply height to #logo
, but then we'd have to know the height, and it would be one more thing to change if you ever change the logo. Easier is just to change .logo
to position:relative
instead of position:absolute
.
Code
Change:
.logo{
position: absolute;
top:17px;
left: 23px;
width: 214px;
height: 165px;
z-index: 99;
}
To:
.logo{
position: relative;
top:17px;
left: 23px;
width: 214px;
height: 165px;
z-index: 99;
}