Re: http://m62.siteground.biz/~contenta/beingwellyoga.com/

I have a bigger sized logo set under “transparency logo,” but it seems to be getting down-sized.

Also, I have different file sizes of the logo set under “main” (smaller logo image) and “transparent header” but the theme only seems to be using the “transparent header” image.

On page load: this logo should be bigger:

http://imgur.com/yhsQwlQ

On page scroll: this logo is the correct size

http://imgur.com/2Z0jPjz

Please advise.

Cheers,
Casper

Indeed, you can try to increase the height of your header, it resizes the logo based on the header height by default. Let me know if that does it for you, if not we can tackle with some custom CSS.

I increased the header size but that just appears to make the spacing between the logo and the menu below it bigger.

Let’s try some CSS please.

Thanks,
Casper

If it doesn’t it for you try this CSS:

@media only screen and (min-width: 1018px) {
header.transparent_header #logo #transparent_logo img {
    max-width: 400px;
    margin-left: -100px;
}
}

I updated the logos so I have the same images in Main and Transparent tabs:
Regular size 200×37
Retina size 400×73

The CSS only seemed to move the logo to the right.

http://m62.siteground.biz/~contenta/beingwellyoga.com/

With CSS: http://imgur.com/4uqhR0v – Moves Logo to the right
Without CSS: http://imgur.com/AIWYRy5 – Looks good
On Scroll: http://imgur.com/16Ji5hU – Too Big

Headers are set to default heights.

Trying to get the logo in the sticky header to be in-line with the menu.

Thanks in advance,
Casper

The CSS should be applied with the old logos – the transparent being bigger than the regular one.

200×37 is too small in height for the transparent if you are willing to stretch it, it should be taller than that.
Forget about the retina for a moment. Upload something like 400×73 for the transparent, then 200×37 for the regular and try again with that CSS.

One last logo related question; if the website is viewed between ~1280px wide and ~1018px the last menu item “contact” get bumped down to a second row.
I’m not sure what would be the best approach to correct this.

http://imgur.com/luLF87i

http://imgur.com/GkzIApo

Cheers,
Casper

I see, you are simply running out of space there, let’s reduce the spacing between items for that specific resolution:

@media only screen and (max-width: 1280px) and (min-width: 1018px){
.custom_menu_6 #menu > ul > li > a {
    padding: 4px 13px 2px 13px;
}
}

I added the CSS, but “Contact” is still bumping down a row when I go below ~1275px across.

Cheers,
Casper