change the main nav to appear in line with the logo

[Gavin_+ 56]

i'd like to change the main nav to appear in line with the logo as you have for pagelines and still have the social media links thanks in advance for your help

[bryan-hadaway 3]

Link please. Thanks, Bryan

[Gavin_+ 56]

ok here is the link http://79.170.40.52/hospitalityblackbook.com/ but really what i want to do is emulate what the header that i can see at the top of this very page. in fact ideally i would like to have a jpeg for the header background that the logo, nav and social media icons sit on.

[cmunns 16]

The next version is going to have an inline branding and nav section but as far as the header background image that is pretty simple with CSS...do you need it full-width or just the width of the content?

[Gavin_+ 56]

@cmunns full width would be great - thanks

[kastelic 6]

Spot on, you've figured out the best way to do it. Put this in your custom cSS after you've uploaded the image.

	body .branding_wrap {background: url(yourImageURL) no-repeat;}
	

if its a fixed image OR body #branding {background: url(yourImageURL) repeat;} if its a repeating image

[Gavin_+ 56]

@cmunns - is not possible to emulate the inline nav style with a CSS fix now?

[Kate 3]

@Gavin - Something like this should get you on the right track:

#header{position:relative;}
	#menu-nav{float:left;width:auto !important;}
	#nav_row{position:absolute;width:auto !important;float:left;top:80px;margin-left:325px;border-bottom:none !important;}

[markcossin 0]

This is exactly what I needed. Thank you!