Logo is enlarged and in the wrong place

[Red]

Hi there,

I’m trying to upload a logo and place it to the left of the navigation menu.

I originally had it centered above the menu (with the code you provided in the knowledge base).

I removed that code and clicked “left logo” in theme options. Although the logo is on the left, it’s above the menu and the quality is poor. You can see how it looks in the attached image (I took my logo down, but you can see how the FlexForm logo looks).

Thanks!

Red

[Red]

Here’s the css that goes with it:

#logo img, #logo img.retina {
width: 500px;
}
#logo img {
padding-bottom: 0;
padding-top: 0;
}
#logo img {
display: block;
max-width: 100%;
}
body * {
text-rendering: optimizelegibility;
}
img {
border: 0 none;
height: auto;
max-width: 100%;(this is crossed out)
vertical-align: middle;
}

Thought this might help.

Red

[Red]

I just changed the logo width in the Header Options and it’s a normal size now, but still higher than the menu.

[Red]

OK, I fixed the problem!

I changed the logo width to my *actual* logo width (imagine that) and then set the ‘Main Nav Top Spacing’ to -50, and it’s perfect now.

I did this in Theme Options> Header Options.