Community Forums › Forums › Archived Forums › General Discussion › Re-align Navigation
Tagged: heads up bar, navigation, old agency theme
- This topic has 8 replies, 4 voices, and was last updated 11 years, 3 months ago by Anita.
-
AuthorPosts
-
December 19, 2012 at 8:34 pm #6299AnitaKeymaster
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.
Love coffee, chocolate and my Bella!
December 20, 2012 at 8:22 am #6395AnitaKeymasterAnyone online today that might be able to assist with this?
Love coffee, chocolate and my Bella!
December 20, 2012 at 8:47 am #6398Coen MeerbeekMemberI 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
December 20, 2012 at 8:48 am #6400AnitaKeymasterThank you Coen. I will give that a try now.
Love coffee, chocolate and my Bella!
December 20, 2012 at 9:00 am #6401surefirewebservMemberYou 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 FreeDecember 20, 2012 at 9:02 am #6402Brian BournMemberIt'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
December 20, 2012 at 9:02 am #6403AnitaKeymasterThank 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. ๐
Love coffee, chocolate and my Bella!
December 20, 2012 at 9:11 am #6407surefirewebservMemberSure! 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 FreeDecember 20, 2012 at 9:15 am #6408AnitaKeymasterYeah!!!! That worked! Thank you so much. And thank you to everyone who chimed in. I really appreciate it! ๐
Love coffee, chocolate and my Bella!
-
AuthorPosts
- The topic ‘Re-align Navigation’ is closed to new replies.