Shopping Cart Menu Throws Banner Image Off

Hi

If you can please assit..

I am just getting started with ZEN and have been able to get my way through most of the installation and configuraiton.

I thought I was pretty much done and was going to move on to graphics.. However, i noticed when testing, that when I add a product to my Shopping Cart, i get this new menu in my header and it throws th eimages off

You can reproduce just by adding the only roduct i have up into your cart

http://kearnysoccer.com/store

Anyone know the recommendations on where this configuration is.
I am not sure if I want it or not, but will have to figure out how to clean it up

thanks

Since you use a bought template from TM you won't get much suport here.
But since your problem is pretty simple ..

in stylesheet_tm.css (line 48)

#header .cart {
color: #363636;
float: left;
font-size: 11px;
padding: 17px 0 0 5px;
}

change the padding to something like 17px 0 0 5px

And for future reference, install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

Some prefer Firebug, which does much the same thing.

(If you're using Firefox 4 - 6, you'll need to remap the editor shortcut, since Firefox has appropriated Ctrl-Shift-E for an internal function - I use Ctrl-Shift-Q.)

Awesome replies. Thanks so much. really appreciate this online community