Re-align Navigation

[anitacModerator Post count: 2572]

I am using the Heads Up Bar on my girlfriend’s website and it’s located across the very top – http://goo.gl/oFlxJ. It’s pushing the site down and now the Navigation is not where it needs to be. Does anyone have a clue as to why it would do this and/or how I can fix it. Otherwise I’ll have to remove it. Thanks in advance for you help.

---

Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
Why Not Take The Challenge! – Help us answer some of the unanswered posts

• This topic was modified 4 months, 4 weeks ago by  anitac.

• This topic was modified 4 months, 4 weeks ago by  anitac.

[anitacModerator Post count: 2572]

Anyone online today that might be able to assist with this?

---

Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
Why Not Take The Challenge! – Help us answer some of the unanswered posts

[Coen MeerbeekParticipant Post count: 3]

I have looked at the website and the problem is probably your header.

#header .wrap has a height of 100 and a fixed background picture with a height of 100. You want the menu above the line right? Maybe it is possible to add a padding to the #header .wrap equal to the height of the heads up bar. With this padding everything will drop down I hope.

I don’t know the heads up bar plug-in so don’t hold me accountable

---

Twitter -> @cmeerbeek

• This reply was modified 4 months, 4 weeks ago by  Coen Meerbeek.

• This reply was modified 4 months, 4 weeks ago by  Coen Meerbeek.

[anitacModerator Post count: 2572]

Thank you Coen. I will give that a try now.

---

Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
Why Not Take The Challenge! – Help us answer some of the unanswered posts

[surefirewebservParticipant Post count: 62]

You can also take the BG off the body and add it to #wrap, that should work.  That should push it down with the rest of the content.

---

SureFireWebServices.com | Genesis Tuts and More
Genesis Theme Starter Kit | It’s Free

[Brian BournParticipant Post count: 95]

It’s the background image height applied to “body” in your CSS. You can fix this two ways-either upload a taller background image (about +30px) to allow for the bar or recode your CSS and remove the background image from “body” and apply it to #wrap.

---

Bourn Creative | bourncreative.com | Twitter

[anitacModerator Post count: 2572]

Thank you surefirewebserv. I tried Coen’s way and didn’t work. Would you be able to tell me how to perform the steps you described in your response. Unfortunately, I don’t know how to do what you suggested.

---

Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
Why Not Take The Challenge! – Help us answer some of the unanswered posts

[surefirewebservParticipant Post count: 62]

Sure! In your css file on the body tag you have this:

body {
background: url(http://visibilitymarketing.com/wp-content/themes/agency/images/bg-vmi.png) repeat-x white;
color: #444;
font-size: 14px;
font-family: Georgia, 'Times New Roman', 'Trebuchet MS';
margin: 0px auto;
padding: 0px;
line-height: 24px;
}

style.css line 15

Just cut the background attribute and put it in your #wrap declaration.

So it should look like this:

#wrap {
background: url(http://visibilitymarketing.com/wp-content/themes/agency/images/bg-vmi.png) repeat-x white;
margin: 0px auto;
padding: 0px;
}

line 47

and your body should look like this:

body {
color: #444;
font-size: 14px;
font-family: Georgia, 'Times New Roman', 'Trebuchet MS';
margin: 0px auto;
padding: 0px;
line-height: 24px;
}

---

SureFireWebServices.com | Genesis Tuts and More
Genesis Theme Starter Kit | It’s Free

[anitacModerator Post count: 2572]

Yeah!!!! That worked! Thank you so much. And thank you to everyone who chimed in. I really appreciate it!

---

Twitter Handles: @thecre8tivediva | Website: Cre8tiveDiva.com | LinkedIn Group: http://goo.gl/nNe1m
Why Not Take The Challenge! – Help us answer some of the unanswered posts

[Author]

Posts