CSS Flyout Header problem

[karensloan]

Hi, I've installed the v1.5 of the Flyout Header and the latest version of ZenCart, but I think I've done something wrong when customising the header and I can't figure out what I've done.
Everything looks fine up until I add something to the Shopping Cart and then a part of the menu with (Shopping Cart [more]) drops down to the bottom right hand side of the page.
Would someone mind having a look for me please? The link is: http://litterascripta.com.au

Thanking you in advance.

[gjh42]

That just looks like the header menu because it uses the same background. It is the standard shopping cart sidebox, which by default appears only when there is something in the cart. The #shoppingcartHeading is controlled by this in the absence of a specific rule:

stylesheet.css (line 566)

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
background-color: #ABBBD3;
background-image: url("../images/tile_back.gif");
line-height: 2.5em;
margin: 0;
padding: 0.5em 0.2em;
}

Other sidebox headings are hidden like this:

stylesheet.css (line 611)

#bannerboxHeading {
display: none;
}

[karensloan]

Perfect! Thank you so much for your help - just goes to show I still have a lot of learning to do. Thanks again.