adding image directly above navbar

sort of, but this is not the right way to create a banner. You should have a separate logo, and the phone numbers should be html:

this will create a background image in your header:

#header-top-container{
background-image: url(http://filedb.experts-exchange.com/incoming/2014/01_w03/828394/banner.png);
background-position: center -20px;
background-repeat: no-repeat;
background-color: #fff;
}

Select allOpen in new window

Where can i put this???

thanks a million!

anywhere inside your stylesheet. make sure you change the reference to your image (the url property) from experts-exchange.

Ok, i have tried that, put then put a couple of lines into the header.php and its showing at the very top if you look at it, but would love to get it just sitting on top of the nav bar?

I'm not sure what you mean. it would be helpful if you attached a graphic of the desired result.

Hi,

here is another site i run,

i would like to have it looking like it does here above the nav bar
desired.png

what do you want to do with the #logo element that is above the navbar? remove it? move it? hide it?

remove it....thanks

you need to do a couple of things to clean this up.

1. remove all the html inside the div #header-top-container, and then give it a height:

#header-top-container {
background-image: url(http://tryansolicitors.com/ban3.png);
background-position: center 0;
background-repeat: no-repeat;
background-color: #fff;
height: 80px;
}

Select allOpen in new window

2. remove the 'top' property from:

#navigation-wide-dark {
position: relative;
/* top: 18px; */
background: url(images/navigation-wide-dark-shadow.png) top left repeat-x;
height: 54px;
}

Select allOpen in new window

3. this image has a white line which should be removed:
http://www.thedancingsoul.ie/wp-content/themes/Primero/images/navigation-wide-dark-shadow.png

4. remove the 'top' property from:

#navigation-wide-dark nav {
/* top: 3px; */
position: relative;
background-color: #7a7a7a;
height: 44px;
background-image: url(images/navigation-wide.png);
background-position: bottom left;
background-repeat: repeat-x;
}

Select allOpen in new window

start with those changes, and post what you get. we'll take it from there

ok, thats looking much better......thank you!

there is a white line appearing under the nav bar, any way to get rid of that?

thank you so much!!

:)