Logo is in wrong position

[tmd2016]

I changed the header.php file to have the company logo instead of the zen cart logo. I followed the instructions. Now the logo is all the way to the right and it cuts off the top of the page. the home, login and search. I am not sure what I did.

www.tablemountaindesigns.com/catalog

Thanks for any insight.

[mc12345678]

Don't know if you fixed it or not, but looks fine on a mobile device. Image is towards the top and centered. Maybe it is just something visible on desktop computers?

[soxophoneplayer]

On my desk top your top bar is also pushed up.

Your logo shows with a height of 99 vs the zencart logo in the template which has a height of 66.

Your larger image height may have pushed other things askew.

I don't use classic responsive, but on other responsive templates I use , I have far fewer headaches by using the size of existing features like logos that all seem to be tied in to the spacing of other things.

[tmd2016]

Yes it is the same on mine too. It is odd because I used that same size logo and had a tagline in and it was correct. I took out the tagline and it now moved it over and pushed everything up. Put the tagline back in and same results. I will try making the logo smaller. This is my first time working with zen cart and it has been a frustrating experience.

[tmd2016]

I put everything back with the zen logo and size in the header.php file. It still shows the logo over to the left and the top of the page cut off. I am not sure what i changed to make this happen. Any other suggestions? It is not the size of the logo since I put back the original. I am not sure what it could be. Maybe I changed another file that I should not have? I went over all my changes and everything looks correct.

[carlwhat]

welcome to the wonderful world of css is awesome! see:

https://goo.gl/fASXdC

your #navMainWrapper height is not high enough. because your image is too big, it's taking up more of the div. all CSS changes have other effects, so be careful what you do.

if this was me, i would create a new file here:

includes/templates/responsive_classic/css/stylesheet_custom.css

in that file, i would add the following code:

 #navMainWrapper {
    height: 45px;
}

i would then look at the site on any number of devices to see what happened. alternatively look into using developer tools for chrome of firefox. very helpful with css issues (as well as most web issues).

good luck!

[tmd2016]

Thanks. It is the desktop that i see an issue on. I have not tried anything this am.