How to offset logo out of the nav bar

[theleanbox]

I would like my logo to go out of the nav bar.
Example: http://prntscr.com/kd4wj3

How would I be able to do that.

[friech]

Hi There,

Thank you for writing in, to do that first please navigate to X > Theme Options > Header and increase the LOGO WIDTH obviously the logo should have a height taller than the Navbar. Then remember that logo width because we are going to use that later.

Then add this to Theme Options > CSS

.x-brand {
    position: absolute;
    left: 0;
    top: 10px;
}

Since you floated your menu to the left, you need to apply a left-margin to it so it does not overlap with the logo, that would be:

.masthead-inline .desktop .x-nav {
	margin-left: $$px;
}

Where $$ is the width you set for the logo.

Hope it helps,
Cheers!